#F0B5FD - #CD58D6 | 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 #F0B5FD to #CD58D6

#F0B5FD #CD58D6

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

#F0B5FD - #CD58D6 | 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 #F0B5FD as 0% and #CD58D6 as 100%.

0.0%	0.0% #F0B5FD	RGB 240 181 253	#F0B5FD
16.7%	16.7% #EAA5F6	RGB 234 165 246	#EAA5F6
33.3%	33.3% #E496F0	RGB 228 150 240	#E496F0
50.0%	50.0% #DE86E9	RGB 222 134 233	#DE86E9
66.7%	66.7% #D877E3	RGB 216 119 227	#D877E3
83.3%	83.3% #D267DC	RGB 210 103 220	#D267DC
100.0%	100.0% #CD58D6	RGB 205 88 214	#CD58D6

#F0B5FD #EAA5F6 #E496F0 #DE86E9 #D877E3 #D267DC #CD58D6

#F0B5FD - #CD58D6

HSV Blend

#F0B5FD - #CD58D6 | 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 #F0B5FD as 0% and #CD58D6 as 100%.

0.0%	0.0% #F0B5FD	RGB 240 181 253	#F0B5FD
16.7%	16.7% #E9A3F6	RGB 233 163 246	#E9A3F6
33.3%	33.3% #E293F0	RGB 226 147 240	#E293F0
50.0%	50.0% #DC83E9	RGB 220 131 233	#DC83E9
66.7%	66.7% #D774E3	RGB 215 116 227	#D774E3
83.3%	83.3% #D165DC	RGB 209 101 220	#D165DC
100.0%	100.0% #CD58D6	RGB 205 88 214	#CD58D6

#F0B5FD #E9A3F6 #E293F0 #DC83E9 #D774E3 #D165DC #CD58D6

#F0B5FD - #DC83E9 - #CD58D6

CSS codes

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

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