#C858FF - #EFCAFF | 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 #C858FF to #EFCAFF

#C858FF #EFCAFF

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

#C858FF - #EFCAFF | 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 #C858FF as 0% and #EFCAFF as 100%.

0.0%	0.0% #C858FF	RGB 200 88 255	#C858FF
16.7%	16.7% #CE6BFF	RGB 206 107 255	#CE6BFF
33.3%	33.3% #D57EFF	RGB 213 126 255	#D57EFF
50.0%	50.0% #DB91FF	RGB 219 145 255	#DB91FF
66.7%	66.7% #E2A4FF	RGB 226 164 255	#E2A4FF
83.3%	83.3% #E8B7FF	RGB 232 183 255	#E8B7FF
100.0%	100.0% #EFCAFF	RGB 239 202 255	#EFCAFF

#C858FF #CE6BFF #D57EFF #DB91FF #E2A4FF #E8B7FF #EFCAFF

#C858FF - #EFCAFF

HSV Blend

#C858FF - #EFCAFF | 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 #C858FF as 0% and #EFCAFF as 100%.

0.0%	0.0% #C857FF	RGB 200 87 255	#C857FF
16.7%	16.7% #CE6AFF	RGB 206 106 255	#CE6AFF
33.3%	33.3% #D57EFF	RGB 213 126 255	#D57EFF
50.0%	50.0% #DC91FF	RGB 220 145 255	#DC91FF
66.7%	66.7% #E2A4FF	RGB 226 164 255	#E2A4FF
83.3%	83.3% #E8B7FF	RGB 232 183 255	#E8B7FF
100.0%	100.0% #EFCAFF	RGB 239 202 255	#EFCAFF

#C857FF #CE6AFF #D57EFF #DC91FF #E2A4FF #E8B7FF #EFCAFF

#C858FF - #DC91FF - #EFCAFF

CSS codes

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

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