#FF92FA - #CD28CF | 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 #FF92FA to #CD28CF

#FF92FA #CD28CF

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

#FF92FA - #CD28CF | 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 #FF92FA as 0% and #CD28CF as 100%.

0.0%	0.0% #FF92FA	RGB 255 146 250	#FF92FA
16.7%	16.7% #F680F2	RGB 246 128 242	#F680F2
33.3%	33.3% #EE6EEB	RGB 238 110 235	#EE6EEB
50.0%	50.0% #E65DE4	RGB 230 93 228	#E65DE4
66.7%	66.7% #DD4BDD	RGB 221 75 221	#DD4BDD
83.3%	83.3% #D539D6	RGB 213 57 214	#D539D6
100.0%	100.0% #CD28CF	RGB 205 40 207	#CD28CF

#FF92FA #F680F2 #EE6EEB #E65DE4 #DD4BDD #D539D6 #CD28CF

#FF92FA - #CD28CF

HSV Blend

#FF92FA - #CD28CF | 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 #FF92FA as 0% and #CD28CF as 100%.

0.0%	0.0% #FF92FA	RGB 255 146 250	#FF92FA
16.7%	16.7% #F77DF2	RGB 247 125 242	#F77DF2
33.3%	33.3% #EF6AEB	RGB 239 106 235	#EF6AEB
50.0%	50.0% #E758E4	RGB 231 88 228	#E758E4
66.7%	66.7% #DF47DD	RGB 223 71 221	#DF47DD
83.3%	83.3% #D637D7	RGB 214 55 215	#D637D7
100.0%	100.0% #CD28CF	RGB 205 40 207	#CD28CF

#FF92FA #F77DF2 #EF6AEB #E758E4 #DF47DD #D637D7 #CD28CF

#FF92FA - #E758E4 - #CD28CF

CSS codes

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

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