#FFC5E7 - #DE5FA4 | 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 #FFC5E7 to #DE5FA4

#FFC5E7 #DE5FA4

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

#FFC5E7 - #DE5FA4 | 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 #FFC5E7 as 0% and #DE5FA4 as 100%.

0.0%	0.0% #FFC5E7	RGB 255 197 231	#FFC5E7
16.7%	16.7% #F9B4DB	RGB 249 180 219	#F9B4DB
33.3%	33.3% #F4A3D0	RGB 244 163 208	#F4A3D0
50.0%	50.0% #EE92C5	RGB 238 146 197	#EE92C5
66.7%	66.7% #E981BA	RGB 233 129 186	#E981BA
83.3%	83.3% #E370AF	RGB 227 112 175	#E370AF
100.0%	100.0% #DE5FA4	RGB 222 95 164	#DE5FA4

#FFC5E7 #F9B4DB #F4A3D0 #EE92C5 #E981BA #E370AF #DE5FA4

#FFC5E7 - #DE5FA4

HSV Blend

#FFC5E7 - #DE5FA4 | 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 #FFC5E7 as 0% and #DE5FA4 as 100%.

0.0%	0.0% #FFC5E7	RGB 255 197 231	#FFC5E7
16.7%	16.7% #F9B2DB	RGB 249 178 219	#F9B2DB
33.3%	33.3% #F4A0D0	RGB 244 160 208	#F4A0D0
50.0%	50.0% #EE8FC5	RGB 238 143 197	#EE8FC5
66.7%	66.7% #E97EB9	RGB 233 126 185	#E97EB9
83.3%	83.3% #E36EAE	RGB 227 110 174	#E36EAE
100.0%	100.0% #DE5FA4	RGB 222 95 164	#DE5FA4

#FFC5E7 #F9B2DB #F4A0D0 #EE8FC5 #E97EB9 #E36EAE #DE5FA4

#FFC5E7 - #EE8FC5 - #DE5FA4

CSS codes

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

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