#BCCD3C - #FFEF73 | 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 #BCCD3C to #FFEF73

#BCCD3C #FFEF73

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

#BCCD3C - #FFEF73 | 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 #BCCD3C as 0% and #FFEF73 as 100%.

0.0%	0.0% #BCCD3C	RGB 188 205 60	#BCCD3C
16.7%	16.7% #C7D245	RGB 199 210 69	#C7D245
33.3%	33.3% #D2D84E	RGB 210 216 78	#D2D84E
50.0%	50.0% #DDDE57	RGB 221 222 87	#DDDE57
66.7%	66.7% #E8E360	RGB 232 227 96	#E8E360
83.3%	83.3% #F3E969	RGB 243 233 105	#F3E969
100.0%	100.0% #FFEF73	RGB 255 239 115	#FFEF73

#BCCD3C #C7D245 #D2D84E #DDDE57 #E8E360 #F3E969 #FFEF73

#BCCD3C - #FFEF73

HSV Blend

#BCCD3C - #FFEF73 | 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 #BCCD3C as 0% and #FFEF73 as 100%.

0.0%	0.0% #BCCD3C	RGB 188 205 60	#BCCD3C
16.7%	16.7% #C9D544	RGB 201 213 68	#C9D544
33.3%	33.3% #D7DD4C	RGB 215 221 76	#D7DD4C
50.0%	50.0% #E5E655	RGB 229 230 85	#E5E655
66.7%	66.7% #EEE95E	RGB 238 233 94	#EEE95E
83.3%	83.3% #F6EB68	RGB 246 235 104	#F6EB68
100.0%	100.0% #FFEF73	RGB 255 239 115	#FFEF73

#BCCD3C #C9D544 #D7DD4C #E5E655 #EEE95E #F6EB68 #FFEF73

#BCCD3C - #E5E655 - #FFEF73

CSS codes

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

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