#EDB7FF - #C448CF | 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 #EDB7FF to #C448CF

#EDB7FF #C448CF

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

#EDB7FF - #C448CF | 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 #EDB7FF as 0% and #C448CF as 100%.

0.0%	0.0% #EDB7FF	RGB 237 183 255	#EDB7FF
16.7%	16.7% #E6A4F7	RGB 230 164 247	#E6A4F7
33.3%	33.3% #DF92EF	RGB 223 146 239	#DF92EF
50.0%	50.0% #D87FE7	RGB 216 127 231	#D87FE7
66.7%	66.7% #D16DDF	RGB 209 109 223	#D16DDF
83.3%	83.3% #CA5AD7	RGB 202 90 215	#CA5AD7
100.0%	100.0% #C448CF	RGB 196 72 207	#C448CF

#EDB7FF #E6A4F7 #DF92EF #D87FE7 #D16DDF #CA5AD7 #C448CF

#EDB7FF - #C448CF

HSV Blend

#EDB7FF - #C448CF | 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 #EDB7FF as 0% and #C448CF as 100%.

0.0%	0.0% #EDB7FF	RGB 237 183 255	#EDB7FF
16.7%	16.7% #E4A2F7	RGB 228 162 247	#E4A2F7
33.3%	33.3% #DC8EEF	RGB 220 142 239	#DC8EEF
50.0%	50.0% #D57BE7	RGB 213 123 231	#D57BE7
66.7%	66.7% #CE69DF	RGB 206 105 223	#CE69DF
83.3%	83.3% #C958D7	RGB 201 88 215	#C958D7
100.0%	100.0% #C448CF	RGB 196 72 207	#C448CF

#EDB7FF #E4A2F7 #DC8EEF #D57BE7 #CE69DF #C958D7 #C448CF

#EDB7FF - #D57BE7 - #C448CF

CSS codes

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

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