#CFECE2 - #3B4340 | 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 #CFECE2 to #3B4340

#CFECE2 #3B4340

Calculate the color between two colors, #CFECE2 and #3B4340. 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)

#CFECE2 - #3B4340 | 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 #CFECE2 as 0% and #3B4340 as 100%.

0.0%	0.0% #CFECE2	RGB 207 236 226	#CFECE2
16.7%	16.7% #B6CFC7	RGB 182 207 199	#B6CFC7
33.3%	33.3% #9DB3AC	RGB 157 179 172	#9DB3AC
50.0%	50.0% #859791	RGB 133 151 145	#859791
66.7%	66.7% #6C7B76	RGB 108 123 118	#6C7B76
83.3%	83.3% #535F5B	RGB 83 95 91	#535F5B
100.0%	100.0% #3B4340	RGB 59 67 64	#3B4340

#CFECE2 #B6CFC7 #9DB3AC #859791 #6C7B76 #535F5B #3B4340

#CFECE2 - #3B4340

HSV Blend

#CFECE2 - #3B4340 | 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 #CFECE2 as 0% and #3B4340 as 100%.

0.0%	0.0% #CFECE2	RGB 207 236 226	#CFECE2
16.7%	16.7% #B6CFC6	RGB 182 207 198	#B6CFC6
33.3%	33.3% #9DB3AB	RGB 157 179 171	#9DB3AB
50.0%	50.0% #859790	RGB 133 151 144	#859790
66.7%	66.7% #6C7B75	RGB 108 123 117	#6C7B75
83.3%	83.3% #535F5A	RGB 83 95 90	#535F5A
100.0%	100.0% #3B4340	RGB 59 67 64	#3B4340

#CFECE2 #B6CFC6 #9DB3AB #859790 #6C7B75 #535F5A #3B4340

#CFECE2 - #859790 - #3B4340

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFECE2 0%, #859790 50%, #3B4340 100%);
    background: -webkit-linear-gradient(top, #CFECE2 0%, #859790 50%, #3B4340 100%);
    background: linear-gradient(to bottom, #CFECE2 0%, #859790 50%, #3B4340 100%);
}
</style>