#DECFCF - #BC807B | 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 #DECFCF to #BC807B

#DECFCF #BC807B

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

#DECFCF - #BC807B | 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 #DECFCF as 0% and #BC807B as 100%.

0.0%	0.0% #DECFCF	RGB 222 207 207	#DECFCF
16.7%	16.7% #D8C1C1	RGB 216 193 193	#D8C1C1
33.3%	33.3% #D2B4B3	RGB 210 180 179	#D2B4B3
50.0%	50.0% #CDA7A5	RGB 205 167 165	#CDA7A5
66.7%	66.7% #C79A97	RGB 199 154 151	#C79A97
83.3%	83.3% #C18D89	RGB 193 141 137	#C18D89
100.0%	100.0% #BC807B	RGB 188 128 123	#BC807B

#DECFCF #D8C1C1 #D2B4B3 #CDA7A5 #C79A97 #C18D89 #BC807B

#DECFCF - #BC807B

HSV Blend

#DECFCF - #BC807B | 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 #DECFCF as 0% and #BC807B as 100%.

0.0%	0.0% #DECFCF	RGB 222 207 207	#DECFCF
16.7%	16.7% #D8C0BF	RGB 216 192 191	#D8C0BF
33.3%	33.3% #D2B1B0	RGB 210 177 176	#D2B1B0
50.0%	50.0% #CDA4A2	RGB 205 164 162	#CDA4A2
66.7%	66.7% #C79794	RGB 199 151 148	#C79794
83.3%	83.3% #C18B87	RGB 193 139 135	#C18B87
100.0%	100.0% #BC807B	RGB 188 128 123	#BC807B

#DECFCF #D8C0BF #D2B1B0 #CDA4A2 #C79794 #C18B87 #BC807B

#DECFCF - #CDA4A2 - #BC807B

CSS codes

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

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