#C3C55B - #B7DBB3 | 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 #C3C55B to #B7DBB3

#C3C55B #B7DBB3

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

#C3C55B - #B7DBB3 | 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 #C3C55B as 0% and #B7DBB3 as 100%.

0.0%	0.0% #C3C55B	RGB 195 197 91	#C3C55B
16.7%	16.7% #C1C869	RGB 193 200 105	#C1C869
33.3%	33.3% #BFCC78	RGB 191 204 120	#BFCC78
50.0%	50.0% #BDD087	RGB 189 208 135	#BDD087
66.7%	66.7% #BBD395	RGB 187 211 149	#BBD395
83.3%	83.3% #B9D7A4	RGB 185 215 164	#B9D7A4
100.0%	100.0% #B7DBB3	RGB 183 219 179	#B7DBB3

#C3C55B #C1C869 #BFCC78 #BDD087 #BBD395 #B9D7A4 #B7DBB3

#C3C55B - #B7DBB3

HSV Blend

#C3C55B - #B7DBB3 | 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 #C3C55B as 0% and #B7DBB3 as 100%.

0.0%	0.0% #C3C55B	RGB 195 197 91	#C3C55B
16.7%	16.7% #B8C868	RGB 184 200 104	#B8C868
33.3%	33.3% #B1CC76	RGB 177 204 118	#B1CC76
50.0%	50.0% #ADD085	RGB 173 208 133	#ADD085
66.7%	66.7% #ADD393	RGB 173 211 147	#ADD393
83.3%	83.3% #B0D7A3	RGB 176 215 163	#B0D7A3
100.0%	100.0% #B7DBB3	RGB 183 219 179	#B7DBB3

#C3C55B #B8C868 #B1CC76 #ADD085 #ADD393 #B0D7A3 #B7DBB3

#C3C55B - #ADD085 - #B7DBB3

CSS codes

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

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