#CECDCF - #837A8B | 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 #CECDCF to #837A8B

#CECDCF #837A8B

Calculate the color between two colors, #CECDCF and #837A8B. 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)

#CECDCF - #837A8B | 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 #CECDCF as 0% and #837A8B as 100%.

0.0%	0.0% #CECDCF	RGB 206 205 207	#CECDCF
16.7%	16.7% #C1BFC3	RGB 193 191 195	#C1BFC3
33.3%	33.3% #B5B1B8	RGB 181 177 184	#B5B1B8
50.0%	50.0% #A8A3AD	RGB 168 163 173	#A8A3AD
66.7%	66.7% #9C95A1	RGB 156 149 161	#9C95A1
83.3%	83.3% #8F8796	RGB 143 135 150	#8F8796
100.0%	100.0% #837A8B	RGB 131 122 139	#837A8B

#CECDCF #C1BFC3 #B5B1B8 #A8A3AD #9C95A1 #8F8796 #837A8B

#CECDCF - #837A8B

HSV Blend

#CECDCF - #837A8B | 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 #CECDCF as 0% and #837A8B as 100%.

0.0%	0.0% #CECDCF	RGB 206 205 207	#CECDCF
16.7%	16.7% #C0BEC3	RGB 192 190 195	#C0BEC3
33.3%	33.3% #B4AFB8	RGB 180 175 184	#B4AFB8
50.0%	50.0% #A7A1AD	RGB 167 161 173	#A7A1AD
66.7%	66.7% #9B93A1	RGB 155 147 161	#9B93A1
83.3%	83.3% #8E8696	RGB 142 134 150	#8E8696
100.0%	100.0% #837A8B	RGB 131 122 139	#837A8B

#CECDCF #C0BEC3 #B4AFB8 #A7A1AD #9B93A1 #8E8696 #837A8B

#CECDCF - #A7A1AD - #837A8B

CSS codes

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

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