#FF5BC5 - #FF747E | 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 #FF5BC5 to #FF747E

#FF5BC5 #FF747E

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

#FF5BC5 - #FF747E | 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 #FF5BC5 as 0% and #FF747E as 100%.

0.0%	0.0% #FF5BC5	RGB 255 91 197	#FF5BC5
16.7%	16.7% #FF5FB9	RGB 255 95 185	#FF5FB9
33.3%	33.3% #FF63AD	RGB 255 99 173	#FF63AD
50.0%	50.0% #FF67A1	RGB 255 103 161	#FF67A1
66.7%	66.7% #FF6B95	RGB 255 107 149	#FF6B95
83.3%	83.3% #FF6F89	RGB 255 111 137	#FF6F89
100.0%	100.0% #FF747E	RGB 255 116 126	#FF747E

#FF5BC5 #FF5FB9 #FF63AD #FF67A1 #FF6B95 #FF6F89 #FF747E

#FF5BC5 - #FF747E

HSV Blend

#FF5BC5 - #FF747E | 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 #FF5BC5 as 0% and #FF747E as 100%.

0.0%	0.0% #FF5BC5	RGB 255 91 197	#FF5BC5
16.7%	16.7% #FF5FB7	RGB 255 95 183	#FF5FB7
33.3%	33.3% #FF63AA	RGB 255 99 170	#FF63AA
50.0%	50.0% #FF679D	RGB 255 103 157	#FF679D
66.7%	66.7% #FF6B92	RGB 255 107 146	#FF6B92
83.3%	83.3% #FF6F87	RGB 255 111 135	#FF6F87
100.0%	100.0% #FF747E	RGB 255 116 126	#FF747E

#FF5BC5 #FF5FB7 #FF63AA #FF679D #FF6B92 #FF6F87 #FF747E

#FF5BC5 - #FF679D - #FF747E

CSS codes

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

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