#FF4BCB - #FFD4F9 | 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 #FF4BCB to #FFD4F9

#FF4BCB #FFD4F9

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

#FF4BCB - #FFD4F9 | 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 #FF4BCB as 0% and #FFD4F9 as 100%.

0.0%	0.0% #FF4BCB	RGB 255 75 203	#FF4BCB
16.7%	16.7% #FF61D2	RGB 255 97 210	#FF61D2
33.3%	33.3% #FF78DA	RGB 255 120 218	#FF78DA
50.0%	50.0% #FF8FE2	RGB 255 143 226	#FF8FE2
66.7%	66.7% #FFA6E9	RGB 255 166 233	#FFA6E9
83.3%	83.3% #FFBDF1	RGB 255 189 241	#FFBDF1
100.0%	100.0% #FFD4F9	RGB 255 212 249	#FFD4F9

#FF4BCB #FF61D2 #FF78DA #FF8FE2 #FFA6E9 #FFBDF1 #FFD4F9

#FF4BCB - #FFD4F9

HSV Blend

#FF4BCB - #FFD4F9 | 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 #FF4BCB as 0% and #FFD4F9 as 100%.

0.0%	0.0% #FF4BCB	RGB 255 75 203	#FF4BCB
16.7%	16.7% #FF61D5	RGB 255 97 213	#FF61D5
33.3%	33.3% #FF78DE	RGB 255 120 222	#FF78DE
50.0%	50.0% #FF8FE7	RGB 255 143 231	#FF8FE7
66.7%	66.7% #FFA6EE	RGB 255 166 238	#FFA6EE
83.3%	83.3% #FFBDF4	RGB 255 189 244	#FFBDF4
100.0%	100.0% #FFD4F9	RGB 255 212 249	#FFD4F9

#FF4BCB #FF61D5 #FF78DE #FF8FE7 #FFA6EE #FFBDF4 #FFD4F9

#FF4BCB - #FF8FE7 - #FFD4F9

CSS codes

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

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