#DECECE - #CA847E | 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 #DECECE to #CA847E

#DECECE #CA847E

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

#DECECE - #CA847E | 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 #DECECE as 0% and #CA847E as 100%.

0.0%	0.0% #DECECE	RGB 222 206 206	#DECECE
16.7%	16.7% #DAC1C0	RGB 218 193 192	#DAC1C0
33.3%	33.3% #D7B5B3	RGB 215 181 179	#D7B5B3
50.0%	50.0% #D4A9A6	RGB 212 169 166	#D4A9A6
66.7%	66.7% #D09C98	RGB 208 156 152	#D09C98
83.3%	83.3% #CD908B	RGB 205 144 139	#CD908B
100.0%	100.0% #CA847E	RGB 202 132 126	#CA847E

#DECECE #DAC1C0 #D7B5B3 #D4A9A6 #D09C98 #CD908B #CA847E

#DECECE - #CA847E

HSV Blend

#DECECE - #CA847E | 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 #DECECE as 0% and #CA847E as 100%.

0.0%	0.0% #DECECE	RGB 222 206 206	#DECECE
16.7%	16.7% #DAC0BF	RGB 218 192 191	#DAC0BF
33.3%	33.3% #D7B2B1	RGB 215 178 177	#D7B2B1
50.0%	50.0% #D4A6A4	RGB 212 166 164	#D4A6A4
66.7%	66.7% #D09A97	RGB 208 154 151	#D09A97
83.3%	83.3% #CD8E8A	RGB 205 142 138	#CD8E8A
100.0%	100.0% #CA847E	RGB 202 132 126	#CA847E

#DECECE #DAC0BF #D7B2B1 #D4A6A4 #D09A97 #CD8E8A #CA847E

#DECECE - #D4A6A4 - #CA847E

CSS codes

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

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