#EB6262 - #FFBF80 | 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 #EB6262 to #FFBF80

#EB6262 #FFBF80

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

#EB6262 - #FFBF80 | 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 #EB6262 as 0% and #FFBF80 as 100%.

0.0%	0.0% #EB6262	RGB 235 98 98	#EB6262
16.7%	16.7% #EE7167	RGB 238 113 103	#EE7167
33.3%	33.3% #F1816C	RGB 241 129 108	#F1816C
50.0%	50.0% #F59071	RGB 245 144 113	#F59071
66.7%	66.7% #F8A076	RGB 248 160 118	#F8A076
83.3%	83.3% #FBAF7B	RGB 251 175 123	#FBAF7B
100.0%	100.0% #FFBF80	RGB 255 191 128	#FFBF80

#EB6262 #EE7167 #F1816C #F59071 #F8A076 #FBAF7B #FFBF80

#EB6262 - #FFBF80

HSV Blend

#EB6262 - #FFBF80 | 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 #EB6262 as 0% and #FFBF80 as 100%.

0.0%	0.0% #EB6262	RGB 235 98 98	#EB6262
16.7%	16.7% #EE7166	RGB 238 113 102	#EE7166
33.3%	33.3% #F1816B	RGB 241 129 107	#F1816B
50.0%	50.0% #F59170	RGB 245 145 112	#F59170
66.7%	66.7% #F8A075	RGB 248 160 117	#F8A075
83.3%	83.3% #FBB07A	RGB 251 176 122	#FBB07A
100.0%	100.0% #FFBF80	RGB 255 191 128	#FFBF80

#EB6262 #EE7166 #F1816B #F59170 #F8A075 #FBB07A #FFBF80

#EB6262 - #F59170 - #FFBF80

CSS codes

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

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