#E2BAB9 - #CF6A64 | 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 #E2BAB9 to #CF6A64

#E2BAB9 #CF6A64

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

#E2BAB9 - #CF6A64 | 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 #E2BAB9 as 0% and #CF6A64 as 100%.

0.0%	0.0% #E2BAB9	RGB 226 186 185	#E2BAB9
16.7%	16.7% #DEACAA	RGB 222 172 170	#DEACAA
33.3%	33.3% #DB9F9C	RGB 219 159 156	#DB9F9C
50.0%	50.0% #D8928E	RGB 216 146 142	#D8928E
66.7%	66.7% #D58480	RGB 213 132 128	#D58480
83.3%	83.3% #D27772	RGB 210 119 114	#D27772
100.0%	100.0% #CF6A64	RGB 207 106 100	#CF6A64

#E2BAB9 #DEACAA #DB9F9C #D8928E #D58480 #D27772 #CF6A64

#E2BAB9 - #CF6A64

HSV Blend

#E2BAB9 - #CF6A64 | 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 #E2BAB9 as 0% and #CF6A64 as 100%.

0.0%	0.0% #E2BAB9	RGB 226 186 185	#E2BAB9
16.7%	16.7% #DEABA9	RGB 222 171 169	#DEABA9
33.3%	33.3% #DB9D9B	RGB 219 157 155	#DB9D9B
50.0%	50.0% #D88F8C	RGB 216 143 140	#D88F8C
66.7%	66.7% #D5827E	RGB 213 130 126	#D5827E
83.3%	83.3% #D27671	RGB 210 118 113	#D27671
100.0%	100.0% #CF6A64	RGB 207 106 100	#CF6A64

#E2BAB9 #DEABA9 #DB9D9B #D88F8C #D5827E #D27671 #CF6A64

#E2BAB9 - #D88F8C - #CF6A64

CSS codes

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

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