#C3DB6C - #DBFF8F | 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 #C3DB6C to #DBFF8F

#C3DB6C #DBFF8F

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

#C3DB6C - #DBFF8F | 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 #C3DB6C as 0% and #DBFF8F as 100%.

0.0%	0.0% #C3DB6C	RGB 195 219 108	#C3DB6C
16.7%	16.7% #C7E171	RGB 199 225 113	#C7E171
33.3%	33.3% #CBE777	RGB 203 231 119	#CBE777
50.0%	50.0% #CFED7D	RGB 207 237 125	#CFED7D
66.7%	66.7% #D3F383	RGB 211 243 131	#D3F383
83.3%	83.3% #D7F989	RGB 215 249 137	#D7F989
100.0%	100.0% #DBFF8F	RGB 219 255 143	#DBFF8F

#C3DB6C #C7E171 #CBE777 #CFED7D #D3F383 #D7F989 #DBFF8F

#C3DB6C - #DBFF8F

HSV Blend

#C3DB6C - #DBFF8F | 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 #C3DB6C as 0% and #DBFF8F as 100%.

0.0%	0.0% #C3DB6C	RGB 195 219 108	#C3DB6C
16.7%	16.7% #C6E171	RGB 198 225 113	#C6E171
33.3%	33.3% #CAE777	RGB 202 231 119	#CAE777
50.0%	50.0% #CEED7C	RGB 206 237 124	#CEED7C
66.7%	66.7% #D2F382	RGB 210 243 130	#D2F382
83.3%	83.3% #D6F988	RGB 214 249 136	#D6F988
100.0%	100.0% #DBFF8F	RGB 219 255 143	#DBFF8F

#C3DB6C #C6E171 #CAE777 #CEED7C #D2F382 #D6F988 #DBFF8F

#C3DB6C - #CEED7C - #DBFF8F

CSS codes

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

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