#CFFFBA - #E6D2D1 | 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 #CFFFBA to #E6D2D1

#CFFFBA #E6D2D1

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

#CFFFBA - #E6D2D1 | 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 #CFFFBA as 0% and #E6D2D1 as 100%.

0.0%	0.0% #CFFFBA	RGB 207 255 186	#CFFFBA
16.7%	16.7% #D2F7BD	RGB 210 247 189	#D2F7BD
33.3%	33.3% #D6F0C1	RGB 214 240 193	#D6F0C1
50.0%	50.0% #DAE8C5	RGB 218 232 197	#DAE8C5
66.7%	66.7% #DEE1C9	RGB 222 225 201	#DEE1C9
83.3%	83.3% #E2D9CD	RGB 226 217 205	#E2D9CD
100.0%	100.0% #E6D2D1	RGB 230 210 209	#E6D2D1

#CFFFBA #D2F7BD #D6F0C1 #DAE8C5 #DEE1C9 #E2D9CD #E6D2D1

#CFFFBA - #E6D2D1

HSV Blend

#CFFFBA - #E6D2D1 | 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 #CFFFBA as 0% and #E6D2D1 as 100%.

0.0%	0.0% #CFFFBA	RGB 207 255 186	#CFFFBA
16.7%	16.7% #E1FABE	RGB 225 250 190	#E1FABE
33.3%	33.3% #EFF6C2	RGB 239 246 194	#EFF6C2
50.0%	50.0% #F2ECC6	RGB 242 236 198	#F2ECC6
66.7%	66.7% #EEDFCA	RGB 238 223 202	#EEDFCA
83.3%	83.3% #EAD6CD	RGB 234 214 205	#EAD6CD
100.0%	100.0% #E6D2D1	RGB 230 210 209	#E6D2D1

#CFFFBA #E1FABE #EFF6C2 #F2ECC6 #EEDFCA #EAD6CD #E6D2D1

#CFFFBA - #F2ECC6 - #E6D2D1

CSS codes

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

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