#CCB914 - #CDFF0C | 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 #CCB914 to #CDFF0C

#CCB914 #CDFF0C

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

#CCB914 - #CDFF0C | 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 #CCB914 as 0% and #CDFF0C as 100%.

0.0%	0.0% #CCB914	RGB 204 185 20	#CCB914
16.7%	16.7% #CCC412	RGB 204 196 18	#CCC412
33.3%	33.3% #CCD011	RGB 204 208 17	#CCD011
50.0%	50.0% #CCDC10	RGB 204 220 16	#CCDC10
66.7%	66.7% #CCE70E	RGB 204 231 14	#CCE70E
83.3%	83.3% #CCF30D	RGB 204 243 13	#CCF30D
100.0%	100.0% #CDFF0C	RGB 205 255 12	#CDFF0C

#CCB914 #CCC412 #CCD011 #CCDC10 #CCE70E #CCF30D #CDFF0C

#CCB914 - #CDFF0C

HSV Blend

#CCB914 - #CDFF0C | 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 #CCB914 as 0% and #CDFF0C as 100%.

0.0%	0.0% #CCB914	RGB 204 185 20	#CCB914
16.7%	16.7% #D4CA13	RGB 212 202 19	#D4CA13
33.3%	33.3% #DDDC11	RGB 221 220 17	#DDDC11
50.0%	50.0% #DAE510	RGB 218 229 16	#DAE510
66.7%	66.7% #D7EE0F	RGB 215 238 15	#D7EE0F
83.3%	83.3% #D2F60D	RGB 210 246 13	#D2F60D
100.0%	100.0% #CDFF0C	RGB 205 255 12	#CDFF0C

#CCB914 #D4CA13 #DDDC11 #DAE510 #D7EE0F #D2F60D #CDFF0C

#CCB914 - #DAE510 - #CDFF0C

CSS codes

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

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