#EFB2FF - #C0E5FF | 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 #EFB2FF to #C0E5FF

#EFB2FF #C0E5FF

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

#EFB2FF - #C0E5FF | 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 #EFB2FF as 0% and #C0E5FF as 100%.

0.0%	0.0% #EFB2FF	RGB 239 178 255	#EFB2FF
16.7%	16.7% #E7BAFF	RGB 231 186 255	#E7BAFF
33.3%	33.3% #DFC3FF	RGB 223 195 255	#DFC3FF
50.0%	50.0% #D7CBFF	RGB 215 203 255	#D7CBFF
66.7%	66.7% #CFD4FF	RGB 207 212 255	#CFD4FF
83.3%	83.3% #C7DCFF	RGB 199 220 255	#C7DCFF
100.0%	100.0% #C0E5FF	RGB 192 229 255	#C0E5FF

#EFB2FF #E7BAFF #DFC3FF #D7CBFF #CFD4FF #C7DCFF #C0E5FF

#EFB2FF - #C0E5FF

HSV Blend

#EFB2FF - #C0E5FF | 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 #EFB2FF as 0% and #C0E5FF as 100%.

0.0%	0.0% #EFB2FF	RGB 239 178 255	#EFB2FF
16.7%	16.7% #DEB4FF	RGB 222 180 255	#DEB4FF
33.3%	33.3% #CEB6FF	RGB 206 182 255	#CEB6FF
50.0%	50.0% #C0B9FF	RGB 192 185 255	#C0B9FF
66.7%	66.7% #BBC3FF	RGB 187 195 255	#BBC3FF
83.3%	83.3% #BDD5FF	RGB 189 213 255	#BDD5FF
100.0%	100.0% #C0E5FF	RGB 192 229 255	#C0E5FF

#EFB2FF #DEB4FF #CEB6FF #C0B9FF #BBC3FF #BDD5FF #C0E5FF

#EFB2FF - #C0B9FF - #C0E5FF

CSS codes

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

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