#E2B8C7 - #B45D7C | 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 #E2B8C7 to #B45D7C

#E2B8C7 #B45D7C

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

#E2B8C7 - #B45D7C | 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 #E2B8C7 as 0% and #B45D7C as 100%.

0.0%	0.0% #E2B8C7	RGB 226 184 199	#E2B8C7
16.7%	16.7% #DAA8BA	RGB 218 168 186	#DAA8BA
33.3%	33.3% #D299AE	RGB 210 153 174	#D299AE
50.0%	50.0% #CB8AA1	RGB 203 138 161	#CB8AA1
66.7%	66.7% #C37B95	RGB 195 123 149	#C37B95
83.3%	83.3% #BB6C88	RGB 187 108 136	#BB6C88
100.0%	100.0% #B45D7C	RGB 180 93 124	#B45D7C

#E2B8C7 #DAA8BA #D299AE #CB8AA1 #C37B95 #BB6C88 #B45D7C

#E2B8C7 - #B45D7C

HSV Blend

#E2B8C7 - #B45D7C | 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 #E2B8C7 as 0% and #B45D7C as 100%.

0.0%	0.0% #E2B8C7	RGB 226 184 199	#E2B8C7
16.7%	16.7% #DAA6B9	RGB 218 166 185	#DAA6B9
33.3%	33.3% #D296AC	RGB 210 150 172	#D296AC
50.0%	50.0% #CB879F	RGB 203 135 159	#CB879F
66.7%	66.7% #C37893	RGB 195 120 147	#C37893
83.3%	83.3% #BB6A87	RGB 187 106 135	#BB6A87
100.0%	100.0% #B45D7C	RGB 180 93 124	#B45D7C

#E2B8C7 #DAA6B9 #D296AC #CB879F #C37893 #BB6A87 #B45D7C

#E2B8C7 - #CB879F - #B45D7C

CSS codes

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

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