#C465FF - #EED3FF | 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 #C465FF to #EED3FF

#C465FF #EED3FF

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

#C465FF - #EED3FF | 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 #C465FF as 0% and #EED3FF as 100%.

0.0%	0.0% #C465FF	RGB 196 101 255	#C465FF
16.7%	16.7% #CB77FF	RGB 203 119 255	#CB77FF
33.3%	33.3% #D289FF	RGB 210 137 255	#D289FF
50.0%	50.0% #D99CFF	RGB 217 156 255	#D99CFF
66.7%	66.7% #E0AEFF	RGB 224 174 255	#E0AEFF
83.3%	83.3% #E7C0FF	RGB 231 192 255	#E7C0FF
100.0%	100.0% #EED3FF	RGB 238 211 255	#EED3FF

#C465FF #CB77FF #D289FF #D99CFF #E0AEFF #E7C0FF #EED3FF

#C465FF - #EED3FF

HSV Blend

#C465FF - #EED3FF | 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 #C465FF as 0% and #EED3FF as 100%.

0.0%	0.0% #C465FF	RGB 196 101 255	#C465FF
16.7%	16.7% #CA77FF	RGB 202 119 255	#CA77FF
33.3%	33.3% #D189FF	RGB 209 137 255	#D189FF
50.0%	50.0% #D89CFF	RGB 216 156 255	#D89CFF
66.7%	66.7% #DFAEFF	RGB 223 174 255	#DFAEFF
83.3%	83.3% #E6C0FF	RGB 230 192 255	#E6C0FF
100.0%	100.0% #EED3FF	RGB 238 211 255	#EED3FF

#C465FF #CA77FF #D189FF #D89CFF #DFAEFF #E6C0FF #EED3FF

#C465FF - #D89CFF - #EED3FF

CSS codes

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

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