#D5C2FF - #8759CF | 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 #D5C2FF to #8759CF

#D5C2FF #8759CF

Calculate the color between two colors, #D5C2FF and #8759CF. 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)

#D5C2FF - #8759CF | 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 #D5C2FF as 0% and #8759CF as 100%.

0.0%	0.0% #D5C2FF	RGB 213 194 255	#D5C2FF
16.7%	16.7% #C8B0F7	RGB 200 176 247	#C8B0F7
33.3%	33.3% #BB9FEF	RGB 187 159 239	#BB9FEF
50.0%	50.0% #AE8DE7	RGB 174 141 231	#AE8DE7
66.7%	66.7% #A17CDF	RGB 161 124 223	#A17CDF
83.3%	83.3% #946AD7	RGB 148 106 215	#946AD7
100.0%	100.0% #8759CF	RGB 135 89 207	#8759CF

#D5C2FF #C8B0F7 #BB9FEF #AE8DE7 #A17CDF #946AD7 #8759CF

#D5C2FF - #8759CF

HSV Blend

#D5C2FF - #8759CF | 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 #D5C2FF as 0% and #8759CF as 100%.

0.0%	0.0% #D5C2FF	RGB 213 194 255	#D5C2FF
16.7%	16.7% #C5AEF7	RGB 197 174 247	#C5AEF7
33.3%	33.3% #B79BEF	RGB 183 155 239	#B79BEF
50.0%	50.0% #AA89E7	RGB 170 137 231	#AA89E7
66.7%	66.7% #9D78DF	RGB 157 120 223	#9D78DF
83.3%	83.3% #9268D7	RGB 146 104 215	#9268D7
100.0%	100.0% #8759CF	RGB 135 89 207	#8759CF

#D5C2FF #C5AEF7 #B79BEF #AA89E7 #9D78DF #9268D7 #8759CF

#D5C2FF - #AA89E7 - #8759CF

CSS codes

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

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