#DECCCC - #CA817B | 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 #DECCCC to #CA817B

#DECCCC #CA817B

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

#DECCCC - #CA817B | 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 #DECCCC as 0% and #CA817B as 100%.

0.0%	0.0% #DECCCC	RGB 222 204 204	#DECCCC
16.7%	16.7% #DABFBE	RGB 218 191 190	#DABFBE
33.3%	33.3% #D7B3B1	RGB 215 179 177	#D7B3B1
50.0%	50.0% #D4A6A3	RGB 212 166 163	#D4A6A3
66.7%	66.7% #D09A96	RGB 208 154 150	#D09A96
83.3%	83.3% #CD8D88	RGB 205 141 136	#CD8D88
100.0%	100.0% #CA817B	RGB 202 129 123	#CA817B

#DECCCC #DABFBE #D7B3B1 #D4A6A3 #D09A96 #CD8D88 #CA817B

#DECCCC - #CA817B

HSV Blend

#DECCCC - #CA817B | 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 #DECCCC as 0% and #CA817B as 100%.

0.0%	0.0% #DECCCC	RGB 222 204 204	#DECCCC
16.7%	16.7% #DABEBD	RGB 218 190 189	#DABEBD
33.3%	33.3% #D7B0AF	RGB 215 176 175	#D7B0AF
50.0%	50.0% #D4A3A1	RGB 212 163 161	#D4A3A1
66.7%	66.7% #D09794	RGB 208 151 148	#D09794
83.3%	83.3% #CD8C87	RGB 205 140 135	#CD8C87
100.0%	100.0% #CA817B	RGB 202 129 123	#CA817B

#DECCCC #DABEBD #D7B0AF #D4A3A1 #D09794 #CD8C87 #CA817B

#DECCCC - #D4A3A1 - #CA817B

CSS codes

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

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