#C66AAA - #EED4E6 | 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 #C66AAA to #EED4E6

#C66AAA #EED4E6

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

#C66AAA - #EED4E6 | 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 #C66AAA as 0% and #EED4E6 as 100%.

0.0%	0.0% #C66AAA	RGB 198 106 170	#C66AAA
16.7%	16.7% #CC7BB4	RGB 204 123 180	#CC7BB4
33.3%	33.3% #D38DBE	RGB 211 141 190	#D38DBE
50.0%	50.0% #DA9FC8	RGB 218 159 200	#DA9FC8
66.7%	66.7% #E0B0D2	RGB 224 176 210	#E0B0D2
83.3%	83.3% #E7C2DC	RGB 231 194 220	#E7C2DC
100.0%	100.0% #EED4E6	RGB 238 212 230	#EED4E6

#C66AAA #CC7BB4 #D38DBE #DA9FC8 #E0B0D2 #E7C2DC #EED4E6

#C66AAA - #EED4E6

HSV Blend

#C66AAA - #EED4E6 | 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 #C66AAA as 0% and #EED4E6 as 100%.

0.0%	0.0% #C66AAA	RGB 198 106 170	#C66AAA
16.7%	16.7% #CC79B3	RGB 204 121 179	#CC79B3
33.3%	33.3% #D38ABC	RGB 211 138 188	#D38ABC
50.0%	50.0% #DA9BC6	RGB 218 155 198	#DA9BC6
66.7%	66.7% #E0ADD0	RGB 224 173 208	#E0ADD0
83.3%	83.3% #E7C0DB	RGB 231 192 219	#E7C0DB
100.0%	100.0% #EED4E6	RGB 238 212 230	#EED4E6

#C66AAA #CC79B3 #D38ABC #DA9BC6 #E0ADD0 #E7C0DB #EED4E6

#C66AAA - #DA9BC6 - #EED4E6

CSS codes

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

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