#EAE48C - #FFBFAB | 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 #EAE48C to #FFBFAB

#EAE48C #FFBFAB

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

#EAE48C - #FFBFAB | 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 #EAE48C as 0% and #FFBFAB as 100%.

0.0%	0.0% #EAE48C	RGB 234 228 140	#EAE48C
16.7%	16.7% #EDDD91	RGB 237 221 145	#EDDD91
33.3%	33.3% #F1D796	RGB 241 215 150	#F1D796
50.0%	50.0% #F4D19B	RGB 244 209 155	#F4D19B
66.7%	66.7% #F8CBA0	RGB 248 203 160	#F8CBA0
83.3%	83.3% #FBC5A5	RGB 251 197 165	#FBC5A5
100.0%	100.0% #FFBFAB	RGB 255 191 171	#FFBFAB

#EAE48C #EDDD91 #F1D796 #F4D19B #F8CBA0 #FBC5A5 #FFBFAB

#EAE48C - #FFBFAB

HSV Blend

#EAE48C - #FFBFAB | 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 #EAE48C as 0% and #FFBFAB as 100%.

0.0%	0.0% #EAE48C	RGB 234 228 140	#EAE48C
16.7%	16.7% #EDDC90	RGB 237 220 144	#EDDC90
33.3%	33.3% #F1D695	RGB 241 214 149	#F1D695
50.0%	50.0% #F4CF9B	RGB 244 207 155	#F4CF9B
66.7%	66.7% #F8C9A0	RGB 248 201 160	#F8C9A0
83.3%	83.3% #FBC4A5	RGB 251 196 165	#FBC4A5
100.0%	100.0% #FFBFAB	RGB 255 191 171	#FFBFAB

#EAE48C #EDDC90 #F1D695 #F4CF9B #F8C9A0 #FBC4A5 #FFBFAB

#EAE48C - #F4CF9B - #FFBFAB

CSS codes

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

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