#DCC7D1 - #DCCCEE | 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 #DCC7D1 to #DCCCEE

#DCC7D1 #DCCCEE

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

#DCC7D1 - #DCCCEE | 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 #DCC7D1 as 0% and #DCCCEE as 100%.

0.0%	0.0% #DCC7D1	RGB 220 199 209	#DCC7D1
16.7%	16.7% #DCC7D5	RGB 220 199 213	#DCC7D5
33.3%	33.3% #DCC8DA	RGB 220 200 218	#DCC8DA
50.0%	50.0% #DCC9DF	RGB 220 201 223	#DCC9DF
66.7%	66.7% #DCCAE4	RGB 220 202 228	#DCCAE4
83.3%	83.3% #DCCBE9	RGB 220 203 233	#DCCBE9
100.0%	100.0% #DCCCEE	RGB 220 204 238	#DCCCEE

#DCC7D1 #DCC7D5 #DCC8DA #DCC9DF #DCCAE4 #DCCBE9 #DCCCEE

#DCC7D1 - #DCCCEE

HSV Blend

#DCC7D1 - #DCCCEE | 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 #DCC7D1 as 0% and #DCCCEE as 100%.

0.0%	0.0% #DCC7D1	RGB 220 199 209	#DCC7D1
16.7%	16.7% #DFC7D6	RGB 223 199 214	#DFC7D6
33.3%	33.3% #E2C8DD	RGB 226 200 221	#E2C8DD
50.0%	50.0% #E4C9E5	RGB 228 201 229	#E4C9E5
66.7%	66.7% #E2CAE8	RGB 226 202 232	#E2CAE8
83.3%	83.3% #DFCBEB	RGB 223 203 235	#DFCBEB
100.0%	100.0% #DCCCEE	RGB 220 204 238	#DCCCEE

#DCC7D1 #DFC7D6 #E2C8DD #E4C9E5 #E2CAE8 #DFCBEB #DCCCEE

#DCC7D1 - #E4C9E5 - #DCCCEE

CSS codes

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

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