#DEC2BE - #B97E6B | 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 #DEC2BE to #B97E6B

#DEC2BE #B97E6B

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

#DEC2BE - #B97E6B | 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 #DEC2BE as 0% and #B97E6B as 100%.

0.0%	0.0% #DEC2BE	RGB 222 194 190	#DEC2BE
16.7%	16.7% #D7B6B0	RGB 215 182 176	#D7B6B0
33.3%	33.3% #D1ABA2	RGB 209 171 162	#D1ABA2
50.0%	50.0% #CBA094	RGB 203 160 148	#CBA094
66.7%	66.7% #C59486	RGB 197 148 134	#C59486
83.3%	83.3% #BF8978	RGB 191 137 120	#BF8978
100.0%	100.0% #B97E6B	RGB 185 126 107	#B97E6B

#DEC2BE #D7B6B0 #D1ABA2 #CBA094 #C59486 #BF8978 #B97E6B

#DEC2BE - #B97E6B

HSV Blend

#DEC2BE - #B97E6B | 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 #DEC2BE as 0% and #B97E6B as 100%.

0.0%	0.0% #DEC2BE	RGB 222 194 190	#DEC2BE
16.7%	16.7% #D7B4AE	RGB 215 180 174	#D7B4AE
33.3%	33.3% #D1A8A0	RGB 209 168 160	#D1A8A0
50.0%	50.0% #CB9C91	RGB 203 156 145	#CB9C91
66.7%	66.7% #C59184	RGB 197 145 132	#C59184
83.3%	83.3% #BF8777	RGB 191 135 119	#BF8777
100.0%	100.0% #B97E6B	RGB 185 126 107	#B97E6B

#DEC2BE #D7B4AE #D1A8A0 #CB9C91 #C59184 #BF8777 #B97E6B

#DEC2BE - #CB9C91 - #B97E6B

CSS codes

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

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