#838A8B - #DBDDDD | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #838A8B to #DBDDDD

#838A8B #DBDDDD

Calculate the color between two colors, #838A8B and #DBDDDD. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#838A8B - #DBDDDD | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #838A8B as 0% and #DBDDDD as 100%.

0.0%	0.0% #838A8B	RGB 131 138 139	#838A8B
16.7%	16.7% #919798	RGB 145 151 152	#919798
33.3%	33.3% #A0A5A6	RGB 160 165 166	#A0A5A6
50.0%	50.0% #AFB3B4	RGB 175 179 180	#AFB3B4
66.7%	66.7% #BDC1C1	RGB 189 193 193	#BDC1C1
83.3%	83.3% #CCCFCF	RGB 204 207 207	#CCCFCF
100.0%	100.0% #DBDDDD	RGB 219 221 221	#DBDDDD

#838A8B #919798 #A0A5A6 #AFB3B4 #BDC1C1 #CCCFCF #DBDDDD

#838A8B - #DBDDDD

HSV Blend

#838A8B - #DBDDDD | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #838A8B as 0% and #DBDDDD as 100%.

0.0%	0.0% #838A8B	RGB 131 138 139	#838A8B
16.7%	16.7% #919798	RGB 145 151 152	#919798
33.3%	33.3% #9FA5A6	RGB 159 165 166	#9FA5A6
50.0%	50.0% #AEB3B4	RGB 174 179 180	#AEB3B4
66.7%	66.7% #BCC1C1	RGB 188 193 193	#BCC1C1
83.3%	83.3% #CBCFCF	RGB 203 207 207	#CBCFCF
100.0%	100.0% #DBDDDD	RGB 219 221 221	#DBDDDD

#838A8B #919798 #9FA5A6 #AEB3B4 #BCC1C1 #CBCFCF #DBDDDD

#838A8B - #AEB3B4 - #DBDDDD

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #838A8B 0%, #DBDDDD 100%);
    background: -webkit-linear-gradient(top, #838A8B 0%, #DBDDDD 100%);
    background: linear-gradient(to bottom, #838A8B 0%, #DBDDDD 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #838A8B 0%, #AEB3B4 50%, #DBDDDD 100%);
    background: -webkit-linear-gradient(top, #838A8B 0%, #AEB3B4 50%, #DBDDDD 100%);
    background: linear-gradient(to bottom, #838A8B 0%, #AEB3B4 50%, #DBDDDD 100%);
}
</style>