#F6B8C9 - #CB5A7E | 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 #F6B8C9 to #CB5A7E

#F6B8C9 #CB5A7E

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

#F6B8C9 - #CB5A7E | 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 #F6B8C9 as 0% and #CB5A7E as 100%.

0.0%	0.0% #F6B8C9	RGB 246 184 201	#F6B8C9
16.7%	16.7% #EEA8BC	RGB 238 168 188	#EEA8BC
33.3%	33.3% #E798B0	RGB 231 152 176	#E798B0
50.0%	50.0% #E089A3	RGB 224 137 163	#E089A3
66.7%	66.7% #D97997	RGB 217 121 151	#D97997
83.3%	83.3% #D2698A	RGB 210 105 138	#D2698A
100.0%	100.0% #CB5A7E	RGB 203 90 126	#CB5A7E

#F6B8C9 #EEA8BC #E798B0 #E089A3 #D97997 #D2698A #CB5A7E

#F6B8C9 - #CB5A7E

HSV Blend

#F6B8C9 - #CB5A7E | 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 #F6B8C9 as 0% and #CB5A7E as 100%.

0.0%	0.0% #F6B8C9	RGB 246 184 201	#F6B8C9
16.7%	16.7% #EEA6BA	RGB 238 166 186	#EEA6BA
33.3%	33.3% #E795AD	RGB 231 149 173	#E795AD
50.0%	50.0% #E085A0	RGB 224 133 160	#E085A0
66.7%	66.7% #D97694	RGB 217 118 148	#D97694
83.3%	83.3% #D26788	RGB 210 103 136	#D26788
100.0%	100.0% #CB5A7E	RGB 203 90 126	#CB5A7E

#F6B8C9 #EEA6BA #E795AD #E085A0 #D97694 #D26788 #CB5A7E

#F6B8C9 - #E085A0 - #CB5A7E

CSS codes

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

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