#DECBCB - #CB807A | 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 #DECBCB to #CB807A

#DECBCB #CB807A

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

#DECBCB - #CB807A | 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 #DECBCB as 0% and #CB807A as 100%.

0.0%	0.0% #DECBCB	RGB 222 203 203	#DECBCB
16.7%	16.7% #DABEBD	RGB 218 190 189	#DABEBD
33.3%	33.3% #D7B2B0	RGB 215 178 176	#D7B2B0
50.0%	50.0% #D4A5A2	RGB 212 165 162	#D4A5A2
66.7%	66.7% #D19995	RGB 209 153 149	#D19995
83.3%	83.3% #CE8C87	RGB 206 140 135	#CE8C87
100.0%	100.0% #CB807A	RGB 203 128 122	#CB807A

#DECBCB #DABEBD #D7B2B0 #D4A5A2 #D19995 #CE8C87 #CB807A

#DECBCB - #CB807A

HSV Blend

#DECBCB - #CB807A | 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 #DECBCB as 0% and #CB807A as 100%.

0.0%	0.0% #DECBCB	RGB 222 203 203	#DECBCB
16.7%	16.7% #DABDBC	RGB 218 189 188	#DABDBC
33.3%	33.3% #D7AFAE	RGB 215 175 174	#D7AFAE
50.0%	50.0% #D4A2A1	RGB 212 162 161	#D4A2A1
66.7%	66.7% #D19693	RGB 209 150 147	#D19693
83.3%	83.3% #CE8B86	RGB 206 139 134	#CE8B86
100.0%	100.0% #CB807A	RGB 203 128 122	#CB807A

#DECBCB #DABDBC #D7AFAE #D4A2A1 #D19693 #CE8B86 #CB807A

#DECBCB - #D4A2A1 - #CB807A

CSS codes

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

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