#E7968B - #FAE2B0 | 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 #E7968B to #FAE2B0

#E7968B #FAE2B0

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

#E7968B - #FAE2B0 | 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 #E7968B as 0% and #FAE2B0 as 100%.

0.0%	0.0% #E7968B	RGB 231 150 139	#E7968B
16.7%	16.7% #EAA291	RGB 234 162 145	#EAA291
33.3%	33.3% #EDAF97	RGB 237 175 151	#EDAF97
50.0%	50.0% #F0BC9D	RGB 240 188 157	#F0BC9D
66.7%	66.7% #F3C8A3	RGB 243 200 163	#F3C8A3
83.3%	83.3% #F6D5A9	RGB 246 213 169	#F6D5A9
100.0%	100.0% #FAE2B0	RGB 250 226 176	#FAE2B0

#E7968B #EAA291 #EDAF97 #F0BC9D #F3C8A3 #F6D5A9 #FAE2B0

#E7968B - #FAE2B0

HSV Blend

#E7968B - #FAE2B0 | 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 #E7968B as 0% and #FAE2B0 as 100%.

0.0%	0.0% #E7968B	RGB 231 150 139	#E7968B
16.7%	16.7% #EAA390	RGB 234 163 144	#EAA390
33.3%	33.3% #EDB196	RGB 237 177 150	#EDB196
50.0%	50.0% #F0BE9D	RGB 240 190 157	#F0BE9D
66.7%	66.7% #F3CAA3	RGB 243 202 163	#F3CAA3
83.3%	83.3% #F6D6A9	RGB 246 214 169	#F6D6A9
100.0%	100.0% #FAE2B0	RGB 250 226 176	#FAE2B0

#E7968B #EAA390 #EDB196 #F0BE9D #F3CAA3 #F6D6A9 #FAE2B0

#E7968B - #F0BE9D - #FAE2B0

CSS codes

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

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