#E6D2BA - #F2FFD0 | 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 #E6D2BA to #F2FFD0

#E6D2BA #F2FFD0

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

#E6D2BA - #F2FFD0 | 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 #E6D2BA as 0% and #F2FFD0 as 100%.

0.0%	0.0% #E6D2BA	RGB 230 210 186	#E6D2BA
16.7%	16.7% #E8D9BD	RGB 232 217 189	#E8D9BD
33.3%	33.3% #EAE1C1	RGB 234 225 193	#EAE1C1
50.0%	50.0% #ECE8C5	RGB 236 232 197	#ECE8C5
66.7%	66.7% #EEF0C8	RGB 238 240 200	#EEF0C8
83.3%	83.3% #F0F7CC	RGB 240 247 204	#F0F7CC
100.0%	100.0% #F2FFD0	RGB 242 255 208	#F2FFD0

#E6D2BA #E8D9BD #EAE1C1 #ECE8C5 #EEF0C8 #F0F7CC #F2FFD0

#E6D2BA - #F2FFD0

HSV Blend

#E6D2BA - #F2FFD0 | 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 #E6D2BA as 0% and #F2FFD0 as 100%.

0.0%	0.0% #E6D2BA	RGB 230 210 186	#E6D2BA
16.7%	16.7% #EADBBD	RGB 234 219 189	#EADBBD
33.3%	33.3% #EEE4C1	RGB 238 228 193	#EEE4C1
50.0%	50.0% #F2EEC4	RGB 242 238 196	#F2EEC4
66.7%	66.7% #F5F6C8	RGB 245 246 200	#F5F6C8
83.3%	83.3% #F3FACC	RGB 243 250 204	#F3FACC
100.0%	100.0% #F2FFD0	RGB 242 255 208	#F2FFD0

#E6D2BA #EADBBD #EEE4C1 #F2EEC4 #F5F6C8 #F3FACC #F2FFD0

#E6D2BA - #F2EEC4 - #F2FFD0

CSS codes

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

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