#DECEB2 - #BF925D | 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 #DECEB2 to #BF925D

#DECEB2 #BF925D

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

#DECEB2 - #BF925D | 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 #DECEB2 as 0% and #BF925D as 100%.

0.0%	0.0% #DECEB2	RGB 222 206 178	#DECEB2
16.7%	16.7% #D8C4A3	RGB 216 196 163	#D8C4A3
33.3%	33.3% #D3BA95	RGB 211 186 149	#D3BA95
50.0%	50.0% #CEB087	RGB 206 176 135	#CEB087
66.7%	66.7% #C9A679	RGB 201 166 121	#C9A679
83.3%	83.3% #C49C6B	RGB 196 156 107	#C49C6B
100.0%	100.0% #BF925D	RGB 191 146 93	#BF925D

#DECEB2 #D8C4A3 #D3BA95 #CEB087 #C9A679 #C49C6B #BF925D

#DECEB2 - #BF925D

HSV Blend

#DECEB2 - #BF925D | 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 #DECEB2 as 0% and #BF925D as 100%.

0.0%	0.0% #DECEB2	RGB 222 206 178	#DECEB2
16.7%	16.7% #D8C4A2	RGB 216 196 162	#D8C4A2
33.3%	33.3% #D3BA93	RGB 211 186 147	#D3BA93
50.0%	50.0% #CEB085	RGB 206 176 133	#CEB085
66.7%	66.7% #C9A677	RGB 201 166 119	#C9A677
83.3%	83.3% #C49C69	RGB 196 156 105	#C49C69
100.0%	100.0% #BF925D	RGB 191 146 93	#BF925D

#DECEB2 #D8C4A2 #D3BA93 #CEB085 #C9A677 #C49C69 #BF925D

#DECEB2 - #CEB085 - #BF925D

CSS codes

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

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