#5E5268 - #EB9979 | 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 #5E5268 to #EB9979

#5E5268 #EB9979

Calculate the color between two colors, #5E5268 and #EB9979. 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)

#5E5268 - #EB9979 | 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 #5E5268 as 0% and #EB9979 as 100%.

0.0%	0.0% #5E5268	RGB 94 82 104	#5E5268
16.7%	16.7% #755D6A	RGB 117 93 106	#755D6A
33.3%	33.3% #8D696D	RGB 141 105 109	#8D696D
50.0%	50.0% #A47570	RGB 164 117 112	#A47570
66.7%	66.7% #BC8173	RGB 188 129 115	#BC8173
83.3%	83.3% #D38D76	RGB 211 141 118	#D38D76
100.0%	100.0% #EB9979	RGB 235 153 121	#EB9979

#5E5268 #755D6A #8D696D #A47570 #BC8173 #D38D76 #EB9979

#5E5268 - #EB9979

HSV Blend

#5E5268 - #EB9979 | 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 #5E5268 as 0% and #EB9979 as 100%.

0.0%	0.0% #5E5268	RGB 94 82 104	#5E5268
16.7%	16.7% #785D7D	RGB 120 93 125	#785D7D
33.3%	33.3% #93668E	RGB 147 102 142	#93668E
50.0%	50.0% #A96E91	RGB 169 110 145	#A96E91
66.7%	66.7% #BF738A	RGB 191 115 138	#BF738A
83.3%	83.3% #D57778	RGB 213 119 120	#D57778
100.0%	100.0% #EB9979	RGB 235 153 121	#EB9979

#5E5268 #785D7D #93668E #A96E91 #BF738A #D57778 #EB9979

#5E5268 - #A96E91 - #EB9979

CSS codes

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

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