#FF5D9A - #FF92FC | 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 #FF5D9A to #FF92FC

#FF5D9A #FF92FC

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

#FF5D9A - #FF92FC | 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 #FF5D9A as 0% and #FF92FC as 100%.

0.0%	0.0% #FF5D9A	RGB 255 93 154	#FF5D9A
16.7%	16.7% #FF65AA	RGB 255 101 170	#FF65AA
33.3%	33.3% #FF6EBA	RGB 255 110 186	#FF6EBA
50.0%	50.0% #FF77CB	RGB 255 119 203	#FF77CB
66.7%	66.7% #FF80DB	RGB 255 128 219	#FF80DB
83.3%	83.3% #FF89EB	RGB 255 137 235	#FF89EB
100.0%	100.0% #FF92FC	RGB 255 146 252	#FF92FC

#FF5D9A #FF65AA #FF6EBA #FF77CB #FF80DB #FF89EB #FF92FC

#FF5D9A - #FF92FC

HSV Blend

#FF5D9A - #FF92FC | 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 #FF5D9A as 0% and #FF92FC as 100%.

0.0%	0.0% #FF5D9A	RGB 255 93 154	#FF5D9A
16.7%	16.7% #FF65AE	RGB 255 101 174	#FF65AE
33.3%	33.3% #FF6EC1	RGB 255 110 193	#FF6EC1
50.0%	50.0% #FF77D2	RGB 255 119 210	#FF77D2
66.7%	66.7% #FF80E2	RGB 255 128 226	#FF80E2
83.3%	83.3% #FF89F0	RGB 255 137 240	#FF89F0
100.0%	100.0% #FF92FC	RGB 255 146 252	#FF92FC

#FF5D9A #FF65AE #FF6EC1 #FF77D2 #FF80E2 #FF89F0 #FF92FC

#FF5D9A - #FF77D2 - #FF92FC

CSS codes

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

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