#C97BD8 - #EED9F3 | 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 #C97BD8 to #EED9F3

#C97BD8 #EED9F3

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

#C97BD8 - #EED9F3 | 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 #C97BD8 as 0% and #EED9F3 as 100%.

0.0%	0.0% #C97BD8	RGB 201 123 216	#C97BD8
16.7%	16.7% #CF8ADC	RGB 207 138 220	#CF8ADC
33.3%	33.3% #D59AE1	RGB 213 154 225	#D59AE1
50.0%	50.0% #DBAAE5	RGB 219 170 229	#DBAAE5
66.7%	66.7% #E1B9EA	RGB 225 185 234	#E1B9EA
83.3%	83.3% #E7C9EE	RGB 231 201 238	#E7C9EE
100.0%	100.0% #EED9F3	RGB 238 217 243	#EED9F3

#C97BD8 #CF8ADC #D59AE1 #DBAAE5 #E1B9EA #E7C9EE #EED9F3

#C97BD8 - #EED9F3

HSV Blend

#C97BD8 - #EED9F3 | 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 #C97BD8 as 0% and #EED9F3 as 100%.

0.0%	0.0% #C97BD8	RGB 201 123 216	#C97BD8
16.7%	16.7% #CE89DC	RGB 206 137 220	#CE89DC
33.3%	33.3% #D498E1	RGB 212 152 225	#D498E1
50.0%	50.0% #DAA7E5	RGB 218 167 229	#DAA7E5
66.7%	66.7% #E0B7EA	RGB 224 183 234	#E0B7EA
83.3%	83.3% #E7C8EE	RGB 231 200 238	#E7C8EE
100.0%	100.0% #EED9F3	RGB 238 217 243	#EED9F3

#C97BD8 #CE89DC #D498E1 #DAA7E5 #E0B7EA #E7C8EE #EED9F3

#C97BD8 - #DAA7E5 - #EED9F3

CSS codes

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

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