#FD5E83 - #481A25 | 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 #FD5E83 to #481A25

#FD5E83 #481A25

Calculate the color between two colors, #FD5E83 and #481A25. 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)

#FD5E83 - #481A25 | 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 #FD5E83 as 0% and #481A25 as 100%.

0.0%	0.0% #FD5E83	RGB 253 94 131	#FD5E83
16.7%	16.7% #DE5273	RGB 222 82 115	#DE5273
33.3%	33.3% #C04763	RGB 192 71 99	#C04763
50.0%	50.0% #A23C54	RGB 162 60 84	#A23C54
66.7%	66.7% #843044	RGB 132 48 68	#843044
83.3%	83.3% #662534	RGB 102 37 52	#662534
100.0%	100.0% #481A25	RGB 72 26 37	#481A25

#FD5E83 #DE5273 #C04763 #A23C54 #843044 #662534 #481A25

#FD5E83 - #481A25

HSV Blend

#FD5E83 - #481A25 | 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 #FD5E83 as 0% and #481A25 as 100%.

0.0%	0.0% #FD5E83	RGB 253 94 131	#FD5E83
16.7%	16.7% #DE5273	RGB 222 82 115	#DE5273
33.3%	33.3% #C04663	RGB 192 70 99	#C04663
50.0%	50.0% #A23B53	RGB 162 59 83	#A23B53
66.7%	66.7% #843044	RGB 132 48 68	#843044
83.3%	83.3% #662534	RGB 102 37 52	#662534
100.0%	100.0% #481A25	RGB 72 26 37	#481A25

#FD5E83 #DE5273 #C04663 #A23B53 #843044 #662534 #481A25

#FD5E83 - #A23B53 - #481A25

CSS codes

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

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