#C85CFF - #EFCCFF | 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 #C85CFF to #EFCCFF

#C85CFF #EFCCFF

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

#C85CFF - #EFCCFF | 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 #C85CFF as 0% and #EFCCFF as 100%.

0.0%	0.0% #C85CFF	RGB 200 92 255	#C85CFF
16.7%	16.7% #CE6EFF	RGB 206 110 255	#CE6EFF
33.3%	33.3% #D581FF	RGB 213 129 255	#D581FF
50.0%	50.0% #DB94FF	RGB 219 148 255	#DB94FF
66.7%	66.7% #E2A6FF	RGB 226 166 255	#E2A6FF
83.3%	83.3% #E8B9FF	RGB 232 185 255	#E8B9FF
100.0%	100.0% #EFCCFF	RGB 239 204 255	#EFCCFF

#C85CFF #CE6EFF #D581FF #DB94FF #E2A6FF #E8B9FF #EFCCFF

#C85CFF - #EFCCFF

HSV Blend

#C85CFF - #EFCCFF | 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 #C85CFF as 0% and #EFCCFF as 100%.

0.0%	0.0% #C85BFF	RGB 200 91 255	#C85BFF
16.7%	16.7% #CE6EFF	RGB 206 110 255	#CE6EFF
33.3%	33.3% #D581FF	RGB 213 129 255	#D581FF
50.0%	50.0% #DC94FF	RGB 220 148 255	#DC94FF
66.7%	66.7% #E2A6FF	RGB 226 166 255	#E2A6FF
83.3%	83.3% #E8B9FF	RGB 232 185 255	#E8B9FF
100.0%	100.0% #EFCCFF	RGB 239 204 255	#EFCCFF

#C85BFF #CE6EFF #D581FF #DC94FF #E2A6FF #E8B9FF #EFCCFF

#C85CFF - #DC94FF - #EFCCFF

CSS codes

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

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