#FFD064 - #FFBE9F | 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 #FFD064 to #FFBE9F

#FFD064 #FFBE9F

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

#FFD064 - #FFBE9F | 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 #FFD064 as 0% and #FFBE9F as 100%.

0.0%	0.0% #FFD064	RGB 255 208 100	#FFD064
16.7%	16.7% #FFCD6D	RGB 255 205 109	#FFCD6D
33.3%	33.3% #FFCA77	RGB 255 202 119	#FFCA77
50.0%	50.0% #FFC781	RGB 255 199 129	#FFC781
66.7%	66.7% #FFC48B	RGB 255 196 139	#FFC48B
83.3%	83.3% #FFC195	RGB 255 193 149	#FFC195
100.0%	100.0% #FFBE9F	RGB 255 190 159	#FFBE9F

#FFD064 #FFCD6D #FFCA77 #FFC781 #FFC48B #FFC195 #FFBE9F

#FFD064 - #FFBE9F

HSV Blend

#FFD064 - #FFBE9F | 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 #FFD064 as 0% and #FFBE9F as 100%.

0.0%	0.0% #FFD064	RGB 255 208 100	#FFD064
16.7%	16.7% #FFC96D	RGB 255 201 109	#FFC96D
33.3%	33.3% #FFC577	RGB 255 197 119	#FFC577
50.0%	50.0% #FFC181	RGB 255 193 129	#FFC181
66.7%	66.7% #FFBF8B	RGB 255 191 139	#FFBF8B
83.3%	83.3% #FFBD95	RGB 255 189 149	#FFBD95
100.0%	100.0% #FFBE9F	RGB 255 190 159	#FFBE9F

#FFD064 #FFC96D #FFC577 #FFC181 #FFBF8B #FFBD95 #FFBE9F

#FFD064 - #FFC181 - #FFBE9F

CSS codes

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

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