#F1B5E1 - #CB499D | 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 #F1B5E1 to #CB499D

#F1B5E1 #CB499D

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

#F1B5E1 - #CB499D | 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 #F1B5E1 as 0% and #CB499D as 100%.

0.0%	0.0% #F1B5E1	RGB 241 181 225	#F1B5E1
16.7%	16.7% #EAA3D5	RGB 234 163 213	#EAA3D5
33.3%	33.3% #E491CA	RGB 228 145 202	#E491CA
50.0%	50.0% #DE7FBF	RGB 222 127 191	#DE7FBF
66.7%	66.7% #D76DB3	RGB 215 109 179	#D76DB3
83.3%	83.3% #D15BA8	RGB 209 91 168	#D15BA8
100.0%	100.0% #CB499D	RGB 203 73 157	#CB499D

#F1B5E1 #EAA3D5 #E491CA #DE7FBF #D76DB3 #D15BA8 #CB499D

#F1B5E1 - #CB499D

HSV Blend

#F1B5E1 - #CB499D | 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 #F1B5E1 as 0% and #CB499D as 100%.

0.0%	0.0% #F1B5E1	RGB 241 181 225	#F1B5E1
16.7%	16.7% #EAA0D5	RGB 234 160 213	#EAA0D5
33.3%	33.3% #E48DCA	RGB 228 141 202	#E48DCA
50.0%	50.0% #DE7BBF	RGB 222 123 191	#DE7BBF
66.7%	66.7% #D769B3	RGB 215 105 179	#D769B3
83.3%	83.3% #D158A8	RGB 209 88 168	#D158A8
100.0%	100.0% #CB499D	RGB 203 73 157	#CB499D

#F1B5E1 #EAA0D5 #E48DCA #DE7BBF #D769B3 #D158A8 #CB499D

#F1B5E1 - #DE7BBF - #CB499D

CSS codes

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

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