#FF5DCE - #FF8CFD | 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 #FF5DCE to #FF8CFD

#FF5DCE #FF8CFD

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

#FF5DCE - #FF8CFD | 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 #FF5DCE as 0% and #FF8CFD as 100%.

0.0%	0.0% #FF5DCE	RGB 255 93 206	#FF5DCE
16.7%	16.7% #FF64D5	RGB 255 100 213	#FF64D5
33.3%	33.3% #FF6CDD	RGB 255 108 221	#FF6CDD
50.0%	50.0% #FF74E5	RGB 255 116 229	#FF74E5
66.7%	66.7% #FF7CED	RGB 255 124 237	#FF7CED
83.3%	83.3% #FF84F5	RGB 255 132 245	#FF84F5
100.0%	100.0% #FF8CFD	RGB 255 140 253	#FF8CFD

#FF5DCE #FF64D5 #FF6CDD #FF74E5 #FF7CED #FF84F5 #FF8CFD

#FF5DCE - #FF8CFD

HSV Blend

#FF5DCE - #FF8CFD | 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 #FF5DCE as 0% and #FF8CFD as 100%.

0.0%	0.0% #FF5DCE	RGB 255 93 206	#FF5DCE
16.7%	16.7% #FF64D7	RGB 255 100 215	#FF64D7
33.3%	33.3% #FF6CE0	RGB 255 108 224	#FF6CE0
50.0%	50.0% #FF74E8	RGB 255 116 232	#FF74E8
66.7%	66.7% #FF7CF0	RGB 255 124 240	#FF7CF0
83.3%	83.3% #FF84F7	RGB 255 132 247	#FF84F7
100.0%	100.0% #FF8CFD	RGB 255 140 253	#FF8CFD

#FF5DCE #FF64D7 #FF6CE0 #FF74E8 #FF7CF0 #FF84F7 #FF8CFD

#FF5DCE - #FF74E8 - #FF8CFD

CSS codes

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

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