#F5C2FF - #CB58CF | 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 #F5C2FF to #CB58CF

#F5C2FF #CB58CF

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

#F5C2FF - #CB58CF | 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 #F5C2FF as 0% and #CB58CF as 100%.

0.0%	0.0% #F5C2FF	RGB 245 194 255	#F5C2FF
16.7%	16.7% #EEB0F7	RGB 238 176 247	#EEB0F7
33.3%	33.3% #E79EEF	RGB 231 158 239	#E79EEF
50.0%	50.0% #E08DE7	RGB 224 141 231	#E08DE7
66.7%	66.7% #D97BDF	RGB 217 123 223	#D97BDF
83.3%	83.3% #D269D7	RGB 210 105 215	#D269D7
100.0%	100.0% #CB58CF	RGB 203 88 207	#CB58CF

#F5C2FF #EEB0F7 #E79EEF #E08DE7 #D97BDF #D269D7 #CB58CF

#F5C2FF - #CB58CF

HSV Blend

#F5C2FF - #CB58CF | 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 #F5C2FF as 0% and #CB58CF as 100%.

0.0%	0.0% #F5C2FF	RGB 245 194 255	#F5C2FF
16.7%	16.7% #ECAEF7	RGB 236 174 247	#ECAEF7
33.3%	33.3% #E49BEF	RGB 228 155 239	#E49BEF
50.0%	50.0% #DD88E7	RGB 221 136 231	#DD88E7
66.7%	66.7% #D777DF	RGB 215 119 223	#D777DF
83.3%	83.3% #D067D7	RGB 208 103 215	#D067D7
100.0%	100.0% #CB58CF	RGB 203 88 207	#CB58CF

#F5C2FF #ECAEF7 #E49BEF #DD88E7 #D777DF #D067D7 #CB58CF

#F5C2FF - #DD88E7 - #CB58CF

CSS codes

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

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