#C92DAC - #D3CFEB | 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 #C92DAC to #D3CFEB

#C92DAC #D3CFEB

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

#C92DAC - #D3CFEB | 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 #C92DAC as 0% and #D3CFEB as 100%.

0.0%	0.0% #C92DAC	RGB 201 45 172	#C92DAC
16.7%	16.7% #CA48B6	RGB 202 72 182	#CA48B6
33.3%	33.3% #CC63C1	RGB 204 99 193	#CC63C1
50.0%	50.0% #CE7ECB	RGB 206 126 203	#CE7ECB
66.7%	66.7% #CF99D6	RGB 207 153 214	#CF99D6
83.3%	83.3% #D1B4E0	RGB 209 180 224	#D1B4E0
100.0%	100.0% #D3CFEB	RGB 211 207 235	#D3CFEB

#C92DAC #CA48B6 #CC63C1 #CE7ECB #CF99D6 #D1B4E0 #D3CFEB

#C92DAC - #D3CFEB

HSV Blend

#C92DAC - #D3CFEB | 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 #C92DAC as 0% and #D3CFEB as 100%.

0.0%	0.0% #C92DAC	RGB 201 45 172	#C92DAC
16.7%	16.7% #CE44CD	RGB 206 68 205	#CE44CD
33.3%	33.3% #C15ED4	RGB 193 94 212	#C15ED4
50.0%	50.0% #B978DA	RGB 185 120 218	#B978DA
66.7%	66.7% #B994DF	RGB 185 148 223	#B994DF
83.3%	83.3% #C1B0E5	RGB 193 176 229	#C1B0E5
100.0%	100.0% #D3CFEB	RGB 211 207 235	#D3CFEB

#C92DAC #CE44CD #C15ED4 #B978DA #B994DF #C1B0E5 #D3CFEB

#C92DAC - #B978DA - #D3CFEB

CSS codes

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

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