#CABDA2 - #EFECE4 | 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 #CABDA2 to #EFECE4

#CABDA2 #EFECE4

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

#CABDA2 - #EFECE4 | 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 #CABDA2 as 0% and #EFECE4 as 100%.

0.0%	0.0% #CABDA2	RGB 202 189 162	#CABDA2
16.7%	16.7% #D0C4AD	RGB 208 196 173	#D0C4AD
33.3%	33.3% #D6CCB8	RGB 214 204 184	#D6CCB8
50.0%	50.0% #DCD4C3	RGB 220 212 195	#DCD4C3
66.7%	66.7% #E2DCCE	RGB 226 220 206	#E2DCCE
83.3%	83.3% #E8E4D9	RGB 232 228 217	#E8E4D9
100.0%	100.0% #EFECE4	RGB 239 236 228	#EFECE4

#CABDA2 #D0C4AD #D6CCB8 #DCD4C3 #E2DCCE #E8E4D9 #EFECE4

#CABDA2 - #EFECE4

HSV Blend

#CABDA2 - #EFECE4 | 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 #CABDA2 as 0% and #EFECE4 as 100%.

0.0%	0.0% #CABDA2	RGB 202 189 162	#CABDA2
16.7%	16.7% #D0C4AC	RGB 208 196 172	#D0C4AC
33.3%	33.3% #D6CCB6	RGB 214 204 182	#D6CCB6
50.0%	50.0% #DCD4C1	RGB 220 212 193	#DCD4C1
66.7%	66.7% #E2DCCC	RGB 226 220 204	#E2DCCC
83.3%	83.3% #E8E4D8	RGB 232 228 216	#E8E4D8
100.0%	100.0% #EFECE4	RGB 239 236 228	#EFECE4

#CABDA2 #D0C4AC #D6CCB6 #DCD4C1 #E2DCCC #E8E4D8 #EFECE4

#CABDA2 - #DCD4C1 - #EFECE4

CSS codes

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

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