#CF5D9B - #FEBDB9 | 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 #CF5D9B to #FEBDB9

#CF5D9B #FEBDB9

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

#CF5D9B - #FEBDB9 | 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 #CF5D9B as 0% and #FEBDB9 as 100%.

0.0%	0.0% #CF5D9B	RGB 207 93 155	#CF5D9B
16.7%	16.7% #D66DA0	RGB 214 109 160	#D66DA0
33.3%	33.3% #DE7DA5	RGB 222 125 165	#DE7DA5
50.0%	50.0% #E68DAA	RGB 230 141 170	#E68DAA
66.7%	66.7% #EE9DAF	RGB 238 157 175	#EE9DAF
83.3%	83.3% #F6ADB4	RGB 246 173 180	#F6ADB4
100.0%	100.0% #FEBDB9	RGB 254 189 185	#FEBDB9

#CF5D9B #D66DA0 #DE7DA5 #E68DAA #EE9DAF #F6ADB4 #FEBDB9

#CF5D9B - #FEBDB9

HSV Blend

#CF5D9B - #FEBDB9 | 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 #CF5D9B as 0% and #FEBDB9 as 100%.

0.0%	0.0% #CF5D9B	RGB 207 93 155	#CF5D9B
16.7%	16.7% #D66A9A	RGB 214 106 154	#D66A9A
33.3%	33.3% #DE789B	RGB 222 120 155	#DE789B
50.0%	50.0% #E6879E	RGB 230 135 158	#E6879E
66.7%	66.7% #EE97A3	RGB 238 151 163	#EE97A3
83.3%	83.3% #F6A7AB	RGB 246 167 171	#F6A7AB
100.0%	100.0% #FEBDB9	RGB 254 189 185	#FEBDB9

#CF5D9B #D66A9A #DE789B #E6879E #EE97A3 #F6A7AB #FEBDB9

#CF5D9B - #E6879E - #FEBDB9

CSS codes

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

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