#DDCEDC - #C97EC0 | 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 #DDCEDC to #C97EC0

#DDCEDC #C97EC0

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

#DDCEDC - #C97EC0 | 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 #DDCEDC as 0% and #C97EC0 as 100%.

0.0%	0.0% #DDCEDC	RGB 221 206 220	#DDCEDC
16.7%	16.7% #D9C0D7	RGB 217 192 215	#D9C0D7
33.3%	33.3% #D6B3D2	RGB 214 179 210	#D6B3D2
50.0%	50.0% #D3A6CE	RGB 211 166 206	#D3A6CE
66.7%	66.7% #CF98C9	RGB 207 152 201	#CF98C9
83.3%	83.3% #CC8BC4	RGB 204 139 196	#CC8BC4
100.0%	100.0% #C97EC0	RGB 201 126 192	#C97EC0

#DDCEDC #D9C0D7 #D6B3D2 #D3A6CE #CF98C9 #CC8BC4 #C97EC0

#DDCEDC - #C97EC0

HSV Blend

#DDCEDC - #C97EC0 | 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 #DDCEDC as 0% and #C97EC0 as 100%.

0.0%	0.0% #DDCEDC	RGB 221 206 220	#DDCEDC
16.7%	16.7% #D9BFD7	RGB 217 191 215	#D9BFD7
33.3%	33.3% #D6B1D3	RGB 214 177 211	#D6B1D3
50.0%	50.0% #D3A4CE	RGB 211 164 206	#D3A4CE
66.7%	66.7% #CF97C9	RGB 207 151 201	#CF97C9
83.3%	83.3% #CC8AC5	RGB 204 138 197	#CC8AC5
100.0%	100.0% #C97EC0	RGB 201 126 192	#C97EC0

#DDCEDC #D9BFD7 #D6B1D3 #D3A4CE #CF97C9 #CC8AC5 #C97EC0

#DDCEDC - #D3A4CE - #C97EC0

CSS codes

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

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