#B2DBA2 - #FFEDB4 | 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 #B2DBA2 to #FFEDB4

#B2DBA2 #FFEDB4

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

#B2DBA2 - #FFEDB4 | 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 #B2DBA2 as 0% and #FFEDB4 as 100%.

0.0%	0.0% #B2DBA2	RGB 178 219 162	#B2DBA2
16.7%	16.7% #BEDEA5	RGB 190 222 165	#BEDEA5
33.3%	33.3% #CBE1A8	RGB 203 225 168	#CBE1A8
50.0%	50.0% #D8E4AB	RGB 216 228 171	#D8E4AB
66.7%	66.7% #E5E7AE	RGB 229 231 174	#E5E7AE
83.3%	83.3% #F2EAB1	RGB 242 234 177	#F2EAB1
100.0%	100.0% #FFEDB4	RGB 255 237 180	#FFEDB4

#B2DBA2 #BEDEA5 #CBE1A8 #D8E4AB #E5E7AE #F2EAB1 #FFEDB4

#B2DBA2 - #FFEDB4

HSV Blend

#B2DBA2 - #FFEDB4 | 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 #B2DBA2 as 0% and #FFEDB4 as 100%.

0.0%	0.0% #B2DBA2	RGB 178 219 162	#B2DBA2
16.7%	16.7% #BFE1A5	RGB 191 225 165	#BFE1A5
33.3%	33.3% #CDE7A8	RGB 205 231 168	#CDE7A8
50.0%	50.0% #DDEDAB	RGB 221 237 171	#DDEDAB
66.7%	66.7% #EDF3AE	RGB 237 243 174	#EDF3AE
83.3%	83.3% #F9F3B1	RGB 249 243 177	#F9F3B1
100.0%	100.0% #FFEDB4	RGB 255 237 180	#FFEDB4

#B2DBA2 #BFE1A5 #CDE7A8 #DDEDAB #EDF3AE #F9F3B1 #FFEDB4

#B2DBA2 - #DDEDAB - #FFEDB4

CSS codes

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

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