#C66AFD - #EED4FE | 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 #C66AFD to #EED4FE

#C66AFD #EED4FE

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

#C66AFD - #EED4FE | 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 #C66AFD as 0% and #EED4FE as 100%.

0.0%	0.0% #C66AFD	RGB 198 106 253	#C66AFD
16.7%	16.7% #CC7BFD	RGB 204 123 253	#CC7BFD
33.3%	33.3% #D38DFD	RGB 211 141 253	#D38DFD
50.0%	50.0% #DA9FFD	RGB 218 159 253	#DA9FFD
66.7%	66.7% #E0B0FD	RGB 224 176 253	#E0B0FD
83.3%	83.3% #E7C2FD	RGB 231 194 253	#E7C2FD
100.0%	100.0% #EED4FE	RGB 238 212 254	#EED4FE

#C66AFD #CC7BFD #D38DFD #DA9FFD #E0B0FD #E7C2FD #EED4FE

#C66AFD - #EED4FE

HSV Blend

#C66AFD - #EED4FE | 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 #C66AFD as 0% and #EED4FE as 100%.

0.0%	0.0% #C66AFD	RGB 198 106 253	#C66AFD
16.7%	16.7% #CC7BFD	RGB 204 123 253	#CC7BFD
33.3%	33.3% #D38DFD	RGB 211 141 253	#D38DFD
50.0%	50.0% #D99EFD	RGB 217 158 253	#D99EFD
66.7%	66.7% #E0B0FD	RGB 224 176 253	#E0B0FD
83.3%	83.3% #E7C2FD	RGB 231 194 253	#E7C2FD
100.0%	100.0% #EED4FE	RGB 238 212 254	#EED4FE

#C66AFD #CC7BFD #D38DFD #D99EFD #E0B0FD #E7C2FD #EED4FE

#C66AFD - #D99EFD - #EED4FE

CSS codes

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

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