#CABEC3 - #EFECED | 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 #CABEC3 to #EFECED

#CABEC3 #EFECED

Calculate the color between two colors, #CABEC3 and #EFECED. 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)

#CABEC3 - #EFECED | 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 #CABEC3 as 0% and #EFECED as 100%.

0.0%	0.0% #CABEC3	RGB 202 190 195	#CABEC3
16.7%	16.7% #D0C5CA	RGB 208 197 202	#D0C5CA
33.3%	33.3% #D6CDD1	RGB 214 205 209	#D6CDD1
50.0%	50.0% #DCD5D8	RGB 220 213 216	#DCD5D8
66.7%	66.7% #E2DCDF	RGB 226 220 223	#E2DCDF
83.3%	83.3% #E8E4E6	RGB 232 228 230	#E8E4E6
100.0%	100.0% #EFECED	RGB 239 236 237	#EFECED

#CABEC3 #D0C5CA #D6CDD1 #DCD5D8 #E2DCDF #E8E4E6 #EFECED

#CABEC3 - #EFECED

HSV Blend

#CABEC3 - #EFECED | 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 #CABEC3 as 0% and #EFECED as 100%.

0.0%	0.0% #CABEC3	RGB 202 190 195	#CABEC3
16.7%	16.7% #D0C5C9	RGB 208 197 201	#D0C5C9
33.3%	33.3% #D6CCD0	RGB 214 204 208	#D6CCD0
50.0%	50.0% #DCD4D7	RGB 220 212 215	#DCD4D7
66.7%	66.7% #E2DCDE	RGB 226 220 222	#E2DCDE
83.3%	83.3% #E8E4E5	RGB 232 228 229	#E8E4E5
100.0%	100.0% #EFECED	RGB 239 236 237	#EFECED

#CABEC3 #D0C5C9 #D6CCD0 #DCD4D7 #E2DCDE #E8E4E5 #EFECED

#CABEC3 - #DCD4D7 - #EFECED

CSS codes

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

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