#C69CCC - #EEE2F0 | 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 #C69CCC to #EEE2F0

#C69CCC #EEE2F0

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

#C69CCC - #EEE2F0 | 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 #C69CCC as 0% and #EEE2F0 as 100%.

0.0%	0.0% #C69CCC	RGB 198 156 204	#C69CCC
16.7%	16.7% #CCA7D2	RGB 204 167 210	#CCA7D2
33.3%	33.3% #D3B3D8	RGB 211 179 216	#D3B3D8
50.0%	50.0% #DABFDE	RGB 218 191 222	#DABFDE
66.7%	66.7% #E0CAE4	RGB 224 202 228	#E0CAE4
83.3%	83.3% #E7D6EA	RGB 231 214 234	#E7D6EA
100.0%	100.0% #EEE2F0	RGB 238 226 240	#EEE2F0

#C69CCC #CCA7D2 #D3B3D8 #DABFDE #E0CAE4 #E7D6EA #EEE2F0

#C69CCC - #EEE2F0

HSV Blend

#C69CCC - #EEE2F0 | 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 #C69CCC as 0% and #EEE2F0 as 100%.

0.0%	0.0% #C69CCC	RGB 198 156 204	#C69CCC
16.7%	16.7% #CCA6D2	RGB 204 166 210	#CCA6D2
33.3%	33.3% #D3B1D8	RGB 211 177 216	#D3B1D8
50.0%	50.0% #D9BDDE	RGB 217 189 222	#D9BDDE
66.7%	66.7% #E0C9E4	RGB 224 201 228	#E0C9E4
83.3%	83.3% #E7D5EA	RGB 231 213 234	#E7D5EA
100.0%	100.0% #EEE2F0	RGB 238 226 240	#EEE2F0

#C69CCC #CCA6D2 #D3B1D8 #D9BDDE #E0C9E4 #E7D5EA #EEE2F0

#C69CCC - #D9BDDE - #EEE2F0

CSS codes

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

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