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

#CABFC5 #EFECED

Calculate the color between two colors, #CABFC5 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)

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

0.0%	0.0% #CABFC5	RGB 202 191 197	#CABFC5
16.7%	16.7% #D0C6CB	RGB 208 198 203	#D0C6CB
33.3%	33.3% #D6CED2	RGB 214 206 210	#D6CED2
50.0%	50.0% #DCD5D9	RGB 220 213 217	#DCD5D9
66.7%	66.7% #E2DDDF	RGB 226 221 223	#E2DDDF
83.3%	83.3% #E8E4E6	RGB 232 228 230	#E8E4E6
100.0%	100.0% #EFECED	RGB 239 236 237	#EFECED

#CABFC5 #D0C6CB #D6CED2 #DCD5D9 #E2DDDF #E8E4E6 #EFECED

#CABFC5 - #EFECED

HSV Blend

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

0.0%	0.0% #CABFC5	RGB 202 191 197	#CABFC5
16.7%	16.7% #D0C6CB	RGB 208 198 203	#D0C6CB
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% #E8E4E5	RGB 232 228 229	#E8E4E5
100.0%	100.0% #EFECED	RGB 239 236 237	#EFECED

#CABFC5 #D0C6CB #D6CDD1 #DCD5D8 #E2DCDF #E8E4E5 #EFECED

#CABFC5 - #DCD5D8 - #EFECED

CSS codes

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

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