#BCB23E - #FFDF62 | 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 #BCB23E to #FFDF62

#BCB23E #FFDF62

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

#BCB23E - #FFDF62 | 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 #BCB23E as 0% and #FFDF62 as 100%.

0.0%	0.0% #BCB23E	RGB 188 178 62	#BCB23E
16.7%	16.7% #C7B944	RGB 199 185 68	#C7B944
33.3%	33.3% #D2C14A	RGB 210 193 74	#D2C14A
50.0%	50.0% #DDC850	RGB 221 200 80	#DDC850
66.7%	66.7% #E8D056	RGB 232 208 86	#E8D056
83.3%	83.3% #F3D75C	RGB 243 215 92	#F3D75C
100.0%	100.0% #FFDF62	RGB 255 223 98	#FFDF62

#BCB23E #C7B944 #D2C14A #DDC850 #E8D056 #F3D75C #FFDF62

#BCB23E - #FFDF62

HSV Blend

#BCB23E - #FFDF62 | 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 #BCB23E as 0% and #FFDF62 as 100%.

0.0%	0.0% #BCB23E	RGB 188 178 62	#BCB23E
16.7%	16.7% #C7B943	RGB 199 185 67	#C7B943
33.3%	33.3% #D2C149	RGB 210 193 73	#D2C149
50.0%	50.0% #DDC94F	RGB 221 201 79	#DDC94F
66.7%	66.7% #E8D055	RGB 232 208 85	#E8D055
83.3%	83.3% #F3D75B	RGB 243 215 91	#F3D75B
100.0%	100.0% #FFDF62	RGB 255 223 98	#FFDF62

#BCB23E #C7B943 #D2C149 #DDC94F #E8D055 #F3D75B #FFDF62

#BCB23E - #DDC94F - #FFDF62

CSS codes

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

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