#CC8FD3 - #FFD9CF | 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 #CC8FD3 to #FFD9CF

#CC8FD3 #FFD9CF

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

#CC8FD3 - #FFD9CF | 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 #CC8FD3 as 0% and #FFD9CF as 100%.

0.0%	0.0% #CC8FD3	RGB 204 143 211	#CC8FD3
16.7%	16.7% #D49BD2	RGB 212 155 210	#D49BD2
33.3%	33.3% #DDA7D1	RGB 221 167 209	#DDA7D1
50.0%	50.0% #E5B4D1	RGB 229 180 209	#E5B4D1
66.7%	66.7% #EEC0D0	RGB 238 192 208	#EEC0D0
83.3%	83.3% #F6CCCF	RGB 246 204 207	#F6CCCF
100.0%	100.0% #FFD9CF	RGB 255 217 207	#FFD9CF

#CC8FD3 #D49BD2 #DDA7D1 #E5B4D1 #EEC0D0 #F6CCCF #FFD9CF

#CC8FD3 - #FFD9CF

HSV Blend

#CC8FD3 - #FFD9CF | 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 #CC8FD3 as 0% and #FFD9CF as 100%.

0.0%	0.0% #CC8FD3	RGB 204 143 211	#CC8FD3
16.7%	16.7% #DA98D2	RGB 218 152 210	#DA98D2
33.3%	33.3% #E1A3CC	RGB 225 163 204	#E1A3CC
50.0%	50.0% #E9ADC8	RGB 233 173 200	#E9ADC8
66.7%	66.7% #F0B8C5	RGB 240 184 197	#F0B8C5
83.3%	83.3% #F7C3C4	RGB 247 195 196	#F7C3C4
100.0%	100.0% #FFD9CF	RGB 255 217 207	#FFD9CF

#CC8FD3 #DA98D2 #E1A3CC #E9ADC8 #F0B8C5 #F7C3C4 #FFD9CF

#CC8FD3 - #E9ADC8 - #FFD9CF

CSS codes

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

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