#DECCCD - #BA7B7C | 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 #DECCCD to #BA7B7C

#DECCCD #BA7B7C

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

#DECCCD - #BA7B7C | 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 #DECCCD as 0% and #BA7B7C as 100%.

0.0%	0.0% #DECCCD	RGB 222 204 205	#DECCCD
16.7%	16.7% #D8BEBF	RGB 216 190 191	#D8BEBF
33.3%	33.3% #D2B1B2	RGB 210 177 178	#D2B1B2
50.0%	50.0% #CCA3A4	RGB 204 163 164	#CCA3A4
66.7%	66.7% #C69697	RGB 198 150 151	#C69697
83.3%	83.3% #C08889	RGB 192 136 137	#C08889
100.0%	100.0% #BA7B7C	RGB 186 123 124	#BA7B7C

#DECCCD #D8BEBF #D2B1B2 #CCA3A4 #C69697 #C08889 #BA7B7C

#DECCCD - #BA7B7C

HSV Blend

#DECCCD - #BA7B7C | 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 #DECCCD as 0% and #BA7B7C as 100%.

0.0%	0.0% #DECCCD	RGB 222 204 205	#DECCCD
16.7%	16.7% #D8BDBE	RGB 216 189 190	#D8BDBE
33.3%	33.3% #D2AEB0	RGB 210 174 176	#D2AEB0
50.0%	50.0% #CCA1A2	RGB 204 161 162	#CCA1A2
66.7%	66.7% #C69395	RGB 198 147 149	#C69395
83.3%	83.3% #C08788	RGB 192 135 136	#C08788
100.0%	100.0% #BA7B7C	RGB 186 123 124	#BA7B7C

#DECCCD #D8BDBE #D2AEB0 #CCA1A2 #C69395 #C08788 #BA7B7C

#DECCCD - #CCA1A2 - #BA7B7C

CSS codes

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

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