#C4B83C - #DCFF9E | 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 #C4B83C to #DCFF9E

#C4B83C #DCFF9E

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

#C4B83C - #DCFF9E | 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 #C4B83C as 0% and #DCFF9E as 100%.

0.0%	0.0% #C4B83C	RGB 196 184 60	#C4B83C
16.7%	16.7% #C8C34C	RGB 200 195 76	#C8C34C
33.3%	33.3% #CCCF5C	RGB 204 207 92	#CCCF5C
50.0%	50.0% #D0DB6D	RGB 208 219 109	#D0DB6D
66.7%	66.7% #D4E77D	RGB 212 231 125	#D4E77D
83.3%	83.3% #D8F38D	RGB 216 243 141	#D8F38D
100.0%	100.0% #DCFF9E	RGB 220 255 158	#DCFF9E

#C4B83C #C8C34C #CCCF5C #D0DB6D #D4E77D #D8F38D #DCFF9E

#C4B83C - #DCFF9E

HSV Blend

#C4B83C - #DCFF9E | 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 #C4B83C as 0% and #DCFF9E as 100%.

0.0%	0.0% #C4B83C	RGB 196 184 60	#C4B83C
16.7%	16.7% #CDCC49	RGB 205 204 73	#CDCC49
33.3%	33.3% #CFD758	RGB 207 215 88	#CFD758
50.0%	50.0% #D0E168	RGB 208 225 104	#D0E168
66.7%	66.7% #D3EB79	RGB 211 235 121	#D3EB79
83.3%	83.3% #D6F58B	RGB 214 245 139	#D6F58B
100.0%	100.0% #DCFF9E	RGB 220 255 158	#DCFF9E

#C4B83C #CDCC49 #CFD758 #D0E168 #D3EB79 #D6F58B #DCFF9E

#C4B83C - #D0E168 - #DCFF9E

CSS codes

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

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