#5E507A - #E79B8F | 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 #5E507A to #E79B8F

#5E507A #E79B8F

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

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

0.0%	0.0% #5E507A	RGB 94 80 122	#5E507A
16.7%	16.7% #745C7D	RGB 116 92 125	#745C7D
33.3%	33.3% #8B6981	RGB 139 105 129	#8B6981
50.0%	50.0% #A27584	RGB 162 117 132	#A27584
66.7%	66.7% #B98288	RGB 185 130 136	#B98288
83.3%	83.3% #D08E8B	RGB 208 142 139	#D08E8B
100.0%	100.0% #E79B8F	RGB 231 155 143	#E79B8F

#5E507A #745C7D #8B6981 #A27584 #B98288 #D08E8B #E79B8F

#5E507A - #E79B8F

HSV Blend

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

0.0%	0.0% #5E507A	RGB 94 80 122	#5E507A
16.7%	16.7% #7A5B8C	RGB 122 91 140	#7A5B8C
33.3%	33.3% #9A659E	RGB 154 101 158	#9A659E
50.0%	50.0% #B070A1	RGB 176 112 161	#B070A1
66.7%	66.7% #C27A9C	RGB 194 122 156	#C27A9C
83.3%	83.3% #D48592	RGB 212 133 146	#D48592
100.0%	100.0% #E79B8F	RGB 231 155 143	#E79B8F

#5E507A #7A5B8C #9A659E #B070A1 #C27A9C #D48592 #E79B8F

#5E507A - #B070A1 - #E79B8F

CSS codes

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

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