#FF7CCA - #EFF2FF | 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 #FF7CCA to #EFF2FF

#FF7CCA #EFF2FF

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

#FF7CCA - #EFF2FF | 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 #FF7CCA as 0% and #EFF2FF as 100%.

0.0%	0.0% #FF7CCA	RGB 255 124 202	#FF7CCA
16.7%	16.7% #FC8FD2	RGB 252 143 210	#FC8FD2
33.3%	33.3% #F9A3DB	RGB 249 163 219	#F9A3DB
50.0%	50.0% #F7B7E4	RGB 247 183 228	#F7B7E4
66.7%	66.7% #F4CAED	RGB 244 202 237	#F4CAED
83.3%	83.3% #F1DEF6	RGB 241 222 246	#F1DEF6
100.0%	100.0% #EFF2FF	RGB 239 242 255	#EFF2FF

#FF7CCA #FC8FD2 #F9A3DB #F7B7E4 #F4CAED #F1DEF6 #EFF2FF

#FF7CCA - #EFF2FF

HSV Blend

#FF7CCA - #EFF2FF | 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 #FF7CCA as 0% and #EFF2FF as 100%.

0.0%	0.0% #FF7CCA	RGB 255 124 202	#FF7CCA
16.7%	16.7% #FF8FEF	RGB 255 143 239	#FF8FEF
33.3%	33.3% #F3A2FF	RGB 243 162 255	#F3A2FF
50.0%	50.0% #E2B5FF	RGB 226 181 255	#E2B5FF
66.7%	66.7% #DBC8FF	RGB 219 200 255	#DBC8FF
83.3%	83.3% #DEDBFF	RGB 222 219 255	#DEDBFF
100.0%	100.0% #EFF2FF	RGB 239 242 255	#EFF2FF

#FF7CCA #FF8FEF #F3A2FF #E2B5FF #DBC8FF #DEDBFF #EFF2FF

#FF7CCA - #E2B5FF - #EFF2FF

CSS codes

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

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