#B6DBA0 - #FFEEB5 | 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 #B6DBA0 to #FFEEB5

#B6DBA0 #FFEEB5

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

#B6DBA0 - #FFEEB5 | 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 #B6DBA0 as 0% and #FFEEB5 as 100%.

0.0%	0.0% #B6DBA0	RGB 182 219 160	#B6DBA0
16.7%	16.7% #C2DEA3	RGB 194 222 163	#C2DEA3
33.3%	33.3% #CEE1A7	RGB 206 225 167	#CEE1A7
50.0%	50.0% #DAE4AA	RGB 218 228 170	#DAE4AA
66.7%	66.7% #E6E7AE	RGB 230 231 174	#E6E7AE
83.3%	83.3% #F2EAB1	RGB 242 234 177	#F2EAB1
100.0%	100.0% #FFEEB5	RGB 255 238 181	#FFEEB5

#B6DBA0 #C2DEA3 #CEE1A7 #DAE4AA #E6E7AE #F2EAB1 #FFEEB5

#B6DBA0 - #FFEEB5

HSV Blend

#B6DBA0 - #FFEEB5 | 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 #B6DBA0 as 0% and #FFEEB5 as 100%.

0.0%	0.0% #B6DBA0	RGB 182 219 160	#B6DBA0
16.7%	16.7% #C3E1A3	RGB 195 225 163	#C3E1A3
33.3%	33.3% #D1E7A7	RGB 209 231 167	#D1E7A7
50.0%	50.0% #DFEDAA	RGB 223 237 170	#DFEDAA
66.7%	66.7% #EFF3AE	RGB 239 243 174	#EFF3AE
83.3%	83.3% #F9F2B1	RGB 249 242 177	#F9F2B1
100.0%	100.0% #FFEEB5	RGB 255 238 181	#FFEEB5

#B6DBA0 #C3E1A3 #D1E7A7 #DFEDAA #EFF3AE #F9F2B1 #FFEEB5

#B6DBA0 - #DFEDAA - #FFEEB5

CSS codes

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

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