#CABEA4 - #EFECE5 | 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 #CABEA4 to #EFECE5

#CABEA4 #EFECE5

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

#CABEA4 - #EFECE5 | 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 #CABEA4 as 0% and #EFECE5 as 100%.

0.0%	0.0% #CABEA4	RGB 202 190 164	#CABEA4
16.7%	16.7% #D0C5AE	RGB 208 197 174	#D0C5AE
33.3%	33.3% #D6CDB9	RGB 214 205 185	#D6CDB9
50.0%	50.0% #DCD5C4	RGB 220 213 196	#DCD5C4
66.7%	66.7% #E2DCCF	RGB 226 220 207	#E2DCCF
83.3%	83.3% #E8E4DA	RGB 232 228 218	#E8E4DA
100.0%	100.0% #EFECE5	RGB 239 236 229	#EFECE5

#CABEA4 #D0C5AE #D6CDB9 #DCD5C4 #E2DCCF #E8E4DA #EFECE5

#CABEA4 - #EFECE5

HSV Blend

#CABEA4 - #EFECE5 | 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 #CABEA4 as 0% and #EFECE5 as 100%.

0.0%	0.0% #CABEA4	RGB 202 190 164	#CABEA4
16.7%	16.7% #D0C5AE	RGB 208 197 174	#D0C5AE
33.3%	33.3% #D6CDB8	RGB 214 205 184	#D6CDB8
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% #EFECE5	RGB 239 236 229	#EFECE5

#CABEA4 #D0C5AE #D6CDB8 #DCD4C3 #E2DCCE #E8E4D9 #EFECE5

#CABEA4 - #DCD4C3 - #EFECE5

CSS codes

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

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