#FF6D3D - #FFD54B | 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 #FF6D3D to #FFD54B

#FF6D3D #FFD54B

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

#FF6D3D - #FFD54B | 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 #FF6D3D as 0% and #FFD54B as 100%.

0.0%	0.0% #FF6D3D	RGB 255 109 61	#FF6D3D
16.7%	16.7% #FF7E3F	RGB 255 126 63	#FF7E3F
33.3%	33.3% #FF8F41	RGB 255 143 65	#FF8F41
50.0%	50.0% #FFA144	RGB 255 161 68	#FFA144
66.7%	66.7% #FFB246	RGB 255 178 70	#FFB246
83.3%	83.3% #FFC348	RGB 255 195 72	#FFC348
100.0%	100.0% #FFD54B	RGB 255 213 75	#FFD54B

#FF6D3D #FF7E3F #FF8F41 #FFA144 #FFB246 #FFC348 #FFD54B

#FF6D3D - #FFD54B

HSV Blend

#FF6D3D - #FFD54B | 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 #FF6D3D as 0% and #FFD54B as 100%.

0.0%	0.0% #FF6D3D	RGB 255 109 61	#FF6D3D
16.7%	16.7% #FF7F3F	RGB 255 127 63	#FF7F3F
33.3%	33.3% #FF9141	RGB 255 145 65	#FF9141
50.0%	50.0% #FFA244	RGB 255 162 68	#FFA244
66.7%	66.7% #FFB346	RGB 255 179 70	#FFB346
83.3%	83.3% #FFC448	RGB 255 196 72	#FFC448
100.0%	100.0% #FFD54B	RGB 255 213 75	#FFD54B

#FF6D3D #FF7F3F #FF9141 #FFA244 #FFB346 #FFC448 #FFD54B

#FF6D3D - #FFA244 - #FFD54B

CSS codes

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

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