#ECE6DF - #CBA992 | 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 #ECE6DF to #CBA992

#ECE6DF #CBA992

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

#ECE6DF - #CBA992 | 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 #ECE6DF as 0% and #CBA992 as 100%.

0.0%	0.0% #ECE6DF	RGB 236 230 223	#ECE6DF
16.7%	16.7% #E6DBD2	RGB 230 219 210	#E6DBD2
33.3%	33.3% #E1D1C5	RGB 225 209 197	#E1D1C5
50.0%	50.0% #DBC7B8	RGB 219 199 184	#DBC7B8
66.7%	66.7% #D6BDAB	RGB 214 189 171	#D6BDAB
83.3%	83.3% #D0B39E	RGB 208 179 158	#D0B39E
100.0%	100.0% #CBA992	RGB 203 169 146	#CBA992

#ECE6DF #E6DBD2 #E1D1C5 #DBC7B8 #D6BDAB #D0B39E #CBA992

#ECE6DF - #CBA992

HSV Blend

#ECE6DF - #CBA992 | 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 #ECE6DF as 0% and #CBA992 as 100%.

0.0%	0.0% #ECE6DF	RGB 236 230 223	#ECE6DF
16.7%	16.7% #E6DCD1	RGB 230 220 209	#E6DCD1
33.3%	33.3% #E1D2C3	RGB 225 210 195	#E1D2C3
50.0%	50.0% #DBC7B6	RGB 219 199 182	#DBC7B6
66.7%	66.7% #D6BDAA	RGB 214 189 170	#D6BDAA
83.3%	83.3% #D0B39D	RGB 208 179 157	#D0B39D
100.0%	100.0% #CBA992	RGB 203 169 146	#CBA992

#ECE6DF #E6DCD1 #E1D2C3 #DBC7B6 #D6BDAA #D0B39D #CBA992

#ECE6DF - #DBC7B6 - #CBA992

CSS codes

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

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