#C0CD47 - #D0FFB2 | 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 #C0CD47 to #D0FFB2

#C0CD47 #D0FFB2

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

#C0CD47 - #D0FFB2 | 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 #C0CD47 as 0% and #D0FFB2 as 100%.

0.0%	0.0% #C0CD47	RGB 192 205 71	#C0CD47
16.7%	16.7% #C2D558	RGB 194 213 88	#C2D558
33.3%	33.3% #C5DD6A	RGB 197 221 106	#C5DD6A
50.0%	50.0% #C8E67C	RGB 200 230 124	#C8E67C
66.7%	66.7% #CAEE8E	RGB 202 238 142	#CAEE8E
83.3%	83.3% #CDF6A0	RGB 205 246 160	#CDF6A0
100.0%	100.0% #D0FFB2	RGB 208 255 178	#D0FFB2

#C0CD47 #C2D558 #C5DD6A #C8E67C #CAEE8E #CDF6A0 #D0FFB2

#C0CD47 - #D0FFB2

HSV Blend

#C0CD47 - #D0FFB2 | 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 #C0CD47 as 0% and #D0FFB2 as 100%.

0.0%	0.0% #C0CD47	RGB 192 205 71	#C0CD47
16.7%	16.7% #BED556	RGB 190 213 86	#BED556
33.3%	33.3% #BDDD66	RGB 189 221 102	#BDDD66
50.0%	50.0% #BFE678	RGB 191 230 120	#BFE678
66.7%	66.7% #C2EE8A	RGB 194 238 138	#C2EE8A
83.3%	83.3% #C7F69D	RGB 199 246 157	#C7F69D
100.0%	100.0% #D0FFB2	RGB 208 255 178	#D0FFB2

#C0CD47 #BED556 #BDDD66 #BFE678 #C2EE8A #C7F69D #D0FFB2

#C0CD47 - #BFE678 - #D0FFB2

CSS codes

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

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