#EFECEB - #CAACA3 | 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 #EFECEB to #CAACA3

#EFECEB #CAACA3

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

#EFECEB - #CAACA3 | 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 #EFECEB as 0% and #CAACA3 as 100%.

0.0%	0.0% #EFECEB	RGB 239 236 235	#EFECEB
16.7%	16.7% #E8E1DF	RGB 232 225 223	#E8E1DF
33.3%	33.3% #E2D6D3	RGB 226 214 211	#E2D6D3
50.0%	50.0% #DCCCC7	RGB 220 204 199	#DCCCC7
66.7%	66.7% #D6C1BB	RGB 214 193 187	#D6C1BB
83.3%	83.3% #D0B6AF	RGB 208 182 175	#D0B6AF
100.0%	100.0% #CAACA3	RGB 202 172 163	#CAACA3

#EFECEB #E8E1DF #E2D6D3 #DCCCC7 #D6C1BB #D0B6AF #CAACA3

#EFECEB - #CAACA3

HSV Blend

#EFECEB - #CAACA3 | 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 #EFECEB as 0% and #CAACA3 as 100%.

0.0%	0.0% #EFECEB	RGB 239 236 235	#EFECEB
16.7%	16.7% #E8E0DE	RGB 232 224 222	#E8E0DE
33.3%	33.3% #E2D5D1	RGB 226 213 209	#E2D5D1
50.0%	50.0% #DCCAC5	RGB 220 202 197	#DCCAC5
66.7%	66.7% #D6C0B9	RGB 214 192 185	#D6C0B9
83.3%	83.3% #D0B6AE	RGB 208 182 174	#D0B6AE
100.0%	100.0% #CAACA3	RGB 202 172 163	#CAACA3

#EFECEB #E8E0DE #E2D5D1 #DCCAC5 #D6C0B9 #D0B6AE #CAACA3

#EFECEB - #DCCAC5 - #CAACA3

CSS codes

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

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