#FFBF3D - #FF90C7 | 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 #FFBF3D to #FF90C7

#FFBF3D #FF90C7

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

#FFBF3D - #FF90C7 | 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 #FFBF3D as 0% and #FF90C7 as 100%.

0.0%	0.0% #FFBF3D	RGB 255 191 61	#FFBF3D
16.7%	16.7% #FFB754	RGB 255 183 84	#FFB754
33.3%	33.3% #FFAF6B	RGB 255 175 107	#FFAF6B
50.0%	50.0% #FFA782	RGB 255 167 130	#FFA782
66.7%	66.7% #FF9F99	RGB 255 159 153	#FF9F99
83.3%	83.3% #FF97B0	RGB 255 151 176	#FF97B0
100.0%	100.0% #FF90C7	RGB 255 144 199	#FF90C7

#FFBF3D #FFB754 #FFAF6B #FFA782 #FF9F99 #FF97B0 #FF90C7

#FFBF3D - #FF90C7

HSV Blend

#FFBF3D - #FF90C7 | 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 #FFBF3D as 0% and #FF90C7 as 100%.

0.0%	0.0% #FFBF3D	RGB 255 191 61	#FFBF3D
16.7%	16.7% #FFA04A	RGB 255 160 74	#FFA04A
33.3%	33.3% #FF8758	RGB 255 135 88	#FF8758
50.0%	50.0% #FF7366	RGB 255 115 102	#FF7366
66.7%	66.7% #FF7483	RGB 255 116 131	#FF7483
83.3%	83.3% #FF82A7	RGB 255 130 167	#FF82A7
100.0%	100.0% #FF90C7	RGB 255 144 199	#FF90C7

#FFBF3D #FFA04A #FF8758 #FF7366 #FF7483 #FF82A7 #FF90C7

#FFBF3D - #FF7366 - #FF90C7

CSS codes

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

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