#C9CC2B - #FFEF66 | 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 #C9CC2B to #FFEF66

#C9CC2B #FFEF66

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

#C9CC2B - #FFEF66 | 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 #C9CC2B as 0% and #FFEF66 as 100%.

0.0%	0.0% #C9CC2B	RGB 201 204 43	#C9CC2B
16.7%	16.7% #D2D134	RGB 210 209 52	#D2D134
33.3%	33.3% #DBD73E	RGB 219 215 62	#DBD73E
50.0%	50.0% #E4DD48	RGB 228 221 72	#E4DD48
66.7%	66.7% #EDE352	RGB 237 227 82	#EDE352
83.3%	83.3% #F6E95C	RGB 246 233 92	#F6E95C
100.0%	100.0% #FFEF66	RGB 255 239 102	#FFEF66

#C9CC2B #D2D134 #DBD73E #E4DD48 #EDE352 #F6E95C #FFEF66

#C9CC2B - #FFEF66

HSV Blend

#C9CC2B - #FFEF66 | 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 #C9CC2B as 0% and #FFEF66 as 100%.

0.0%	0.0% #C9CC2B	RGB 201 204 43	#C9CC2B
16.7%	16.7% #D4D433	RGB 212 212 51	#D4D433
33.3%	33.3% #DDD93C	RGB 221 217 60	#DDD93C
50.0%	50.0% #E5DE46	RGB 229 222 70	#E5DE46
66.7%	66.7% #EEE350	RGB 238 227 80	#EEE350
83.3%	83.3% #F6E95A	RGB 246 233 90	#F6E95A
100.0%	100.0% #FFEF66	RGB 255 239 102	#FFEF66

#C9CC2B #D4D433 #DDD93C #E5DE46 #EEE350 #F6E95A #FFEF66

#C9CC2B - #E5DE46 - #FFEF66

CSS codes

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

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