#DECDB2 - #C0905D | 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 #DECDB2 to #C0905D

#DECDB2 #C0905D

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

#DECDB2 - #C0905D | 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 #DECDB2 as 0% and #C0905D as 100%.

0.0%	0.0% #DECDB2	RGB 222 205 178	#DECDB2
16.7%	16.7% #D9C2A3	RGB 217 194 163	#D9C2A3
33.3%	33.3% #D4B895	RGB 212 184 149	#D4B895
50.0%	50.0% #CFAE87	RGB 207 174 135	#CFAE87
66.7%	66.7% #CAA479	RGB 202 164 121	#CAA479
83.3%	83.3% #C59A6B	RGB 197 154 107	#C59A6B
100.0%	100.0% #C0905D	RGB 192 144 93	#C0905D

#DECDB2 #D9C2A3 #D4B895 #CFAE87 #CAA479 #C59A6B #C0905D

#DECDB2 - #C0905D

HSV Blend

#DECDB2 - #C0905D | 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 #DECDB2 as 0% and #C0905D as 100%.

0.0%	0.0% #DECDB2	RGB 222 205 178	#DECDB2
16.7%	16.7% #D9C3A2	RGB 217 195 162	#D9C3A2
33.3%	33.3% #D4B893	RGB 212 184 147	#D4B893
50.0%	50.0% #CFAE85	RGB 207 174 133	#CFAE85
66.7%	66.7% #CAA477	RGB 202 164 119	#CAA477
83.3%	83.3% #C59A69	RGB 197 154 105	#C59A69
100.0%	100.0% #C0905D	RGB 192 144 93	#C0905D

#DECDB2 #D9C3A2 #D4B893 #CFAE85 #CAA477 #C59A69 #C0905D

#DECDB2 - #CFAE85 - #C0905D

CSS codes

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

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