#F0FD6B - #C0DB21 | 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 #F0FD6B to #C0DB21

#F0FD6B #C0DB21

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

#F0FD6B - #C0DB21 | 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 #F0FD6B as 0% and #C0DB21 as 100%.

0.0%	0.0% #F0FD6B	RGB 240 253 107	#F0FD6B
16.7%	16.7% #E8F75E	RGB 232 247 94	#E8F75E
33.3%	33.3% #E0F152	RGB 224 241 82	#E0F152
50.0%	50.0% #D8EC46	RGB 216 236 70	#D8EC46
66.7%	66.7% #D0E639	RGB 208 230 57	#D0E639
83.3%	83.3% #C8E02D	RGB 200 224 45	#C8E02D
100.0%	100.0% #C0DB21	RGB 192 219 33	#C0DB21

#F0FD6B #E8F75E #E0F152 #D8EC46 #D0E639 #C8E02D #C0DB21

#F0FD6B - #C0DB21

HSV Blend

#F0FD6B - #C0DB21 | 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 #F0FD6B as 0% and #C0DB21 as 100%.

0.0%	0.0% #F0FD6B	RGB 240 253 107	#F0FD6B
16.7%	16.7% #E8F75D	RGB 232 247 93	#E8F75D
33.3%	33.3% #E0F150	RGB 224 241 80	#E0F150
50.0%	50.0% #D8EC43	RGB 216 236 67	#D8EC43
66.7%	66.7% #D0E637	RGB 208 230 55	#D0E637
83.3%	83.3% #C8E02C	RGB 200 224 44	#C8E02C
100.0%	100.0% #C0DB21	RGB 192 219 33	#C0DB21

#F0FD6B #E8F75D #E0F150 #D8EC43 #D0E637 #C8E02C #C0DB21

#F0FD6B - #D8EC43 - #C0DB21

CSS codes

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

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