#C6CF6B - #FFEF98 | 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 #C6CF6B to #FFEF98

#C6CF6B #FFEF98

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

#C6CF6B - #FFEF98 | 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 #C6CF6B as 0% and #FFEF98 as 100%.

0.0%	0.0% #C6CF6B	RGB 198 207 107	#C6CF6B
16.7%	16.7% #CFD472	RGB 207 212 114	#CFD472
33.3%	33.3% #D9D97A	RGB 217 217 122	#D9D97A
50.0%	50.0% #E2DF81	RGB 226 223 129	#E2DF81
66.7%	66.7% #ECE489	RGB 236 228 137	#ECE489
83.3%	83.3% #F5E990	RGB 245 233 144	#F5E990
100.0%	100.0% #FFEF98	RGB 255 239 152	#FFEF98

#C6CF6B #CFD472 #D9D97A #E2DF81 #ECE489 #F5E990 #FFEF98

#C6CF6B - #FFEF98

HSV Blend

#C6CF6B - #FFEF98 | 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 #C6CF6B as 0% and #FFEF98 as 100%.

0.0%	0.0% #C6CF6B	RGB 198 207 107	#C6CF6B
16.7%	16.7% #D2D771	RGB 210 215 113	#D2D771
33.3%	33.3% #DEDF79	RGB 222 223 121	#DEDF79
50.0%	50.0% #E7E380	RGB 231 227 128	#E7E380
66.7%	66.7% #EFE788	RGB 239 231 136	#EFE788
83.3%	83.3% #F7EB8F	RGB 247 235 143	#F7EB8F
100.0%	100.0% #FFEF98	RGB 255 239 152	#FFEF98

#C6CF6B #D2D771 #DEDF79 #E7E380 #EFE788 #F7EB8F #FFEF98

#C6CF6B - #E7E380 - #FFEF98

CSS codes

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

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