#CABDC8 - #EFECEF | 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 #CABDC8 to #EFECEF

#CABDC8 #EFECEF

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

#CABDC8 - #EFECEF | 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 #CABDC8 as 0% and #EFECEF as 100%.

0.0%	0.0% #CABDC8	RGB 202 189 200	#CABDC8
16.7%	16.7% #D0C4CE	RGB 208 196 206	#D0C4CE
33.3%	33.3% #D6CCD5	RGB 214 204 213	#D6CCD5
50.0%	50.0% #DCD4DB	RGB 220 212 219	#DCD4DB
66.7%	66.7% #E2DCE2	RGB 226 220 226	#E2DCE2
83.3%	83.3% #E8E4E8	RGB 232 228 232	#E8E4E8
100.0%	100.0% #EFECEF	RGB 239 236 239	#EFECEF

#CABDC8 #D0C4CE #D6CCD5 #DCD4DB #E2DCE2 #E8E4E8 #EFECEF

#CABDC8 - #EFECEF

HSV Blend

#CABDC8 - #EFECEF | 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 #CABDC8 as 0% and #EFECEF as 100%.

0.0%	0.0% #CABDC8	RGB 202 189 200	#CABDC8
16.7%	16.7% #D0C4CE	RGB 208 196 206	#D0C4CE
33.3%	33.3% #D6CCD5	RGB 214 204 213	#D6CCD5
50.0%	50.0% #DCD4DB	RGB 220 212 219	#DCD4DB
66.7%	66.7% #E2DBE2	RGB 226 219 226	#E2DBE2
83.3%	83.3% #E8E3E8	RGB 232 227 232	#E8E3E8
100.0%	100.0% #EFECEF	RGB 239 236 239	#EFECEF

#CABDC8 #D0C4CE #D6CCD5 #DCD4DB #E2DBE2 #E8E3E8 #EFECEF

#CABDC8 - #DCD4DB - #EFECEF

CSS codes

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

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