#DECCD1 - #CA7B8C | 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 #DECCD1 to #CA7B8C

#DECCD1 #CA7B8C

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

#DECCD1 - #CA7B8C | 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 #DECCD1 as 0% and #CA7B8C as 100%.

0.0%	0.0% #DECCD1	RGB 222 204 209	#DECCD1
16.7%	16.7% #DABEC5	RGB 218 190 197	#DABEC5
33.3%	33.3% #D7B1BA	RGB 215 177 186	#D7B1BA
50.0%	50.0% #D4A3AE	RGB 212 163 174	#D4A3AE
66.7%	66.7% #D096A3	RGB 208 150 163	#D096A3
83.3%	83.3% #CD8897	RGB 205 136 151	#CD8897
100.0%	100.0% #CA7B8C	RGB 202 123 140	#CA7B8C

#DECCD1 #DABEC5 #D7B1BA #D4A3AE #D096A3 #CD8897 #CA7B8C

#DECCD1 - #CA7B8C

HSV Blend

#DECCD1 - #CA7B8C | 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 #DECCD1 as 0% and #CA7B8C as 100%.

0.0%	0.0% #DECCD1	RGB 222 204 209	#DECCD1
16.7%	16.7% #DABDC5	RGB 218 189 197	#DABDC5
33.3%	33.3% #D7AFB9	RGB 215 175 185	#D7AFB9
50.0%	50.0% #D4A1AE	RGB 212 161 174	#D4A1AE
66.7%	66.7% #D094A2	RGB 208 148 162	#D094A2
83.3%	83.3% #CD8797	RGB 205 135 151	#CD8797
100.0%	100.0% #CA7B8C	RGB 202 123 140	#CA7B8C

#DECCD1 #DABDC5 #D7AFB9 #D4A1AE #D094A2 #CD8797 #CA7B8C

#DECCD1 - #D4A1AE - #CA7B8C

CSS codes

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

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