#B6376B - #EAC5D4 | 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 #B6376B to #EAC5D4

#B6376B #EAC5D4

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

#B6376B - #EAC5D4 | 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 #B6376B as 0% and #EAC5D4 as 100%.

0.0%	0.0% #B6376B	RGB 182 55 107	#B6376B
16.7%	16.7% #BE4E7C	RGB 190 78 124	#BE4E7C
33.3%	33.3% #C7668E	RGB 199 102 142	#C7668E
50.0%	50.0% #D07E9F	RGB 208 126 159	#D07E9F
66.7%	66.7% #D895B1	RGB 216 149 177	#D895B1
83.3%	83.3% #E1ADC2	RGB 225 173 194	#E1ADC2
100.0%	100.0% #EAC5D4	RGB 234 197 212	#EAC5D4

#B6376B #BE4E7C #C7668E #D07E9F #D895B1 #E1ADC2 #EAC5D4

#B6376B - #EAC5D4

HSV Blend

#B6376B - #EAC5D4 | 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 #B6376B as 0% and #EAC5D4 as 100%.

0.0%	0.0% #B6376B	RGB 182 55 107	#B6376B
16.7%	16.7% #BE4A7A	RGB 190 74 122	#BE4A7A
33.3%	33.3% #C7608A	RGB 199 96 138	#C7608A
50.0%	50.0% #D0769B	RGB 208 118 155	#D0769B
66.7%	66.7% #D88FAD	RGB 216 143 173	#D88FAD
83.3%	83.3% #E1A9C0	RGB 225 169 192	#E1A9C0
100.0%	100.0% #EAC5D4	RGB 234 197 212	#EAC5D4

#B6376B #BE4A7A #C7608A #D0769B #D88FAD #E1A9C0 #EAC5D4

#B6376B - #D0769B - #EAC5D4

CSS codes

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

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