#5E5870 - #EFA285 | 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 #5E5870 to #EFA285

#5E5870 #EFA285

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

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

0.0%	0.0% #5E5870	RGB 94 88 112	#5E5870
16.7%	16.7% #766473	RGB 118 100 115	#766473
33.3%	33.3% #8E7077	RGB 142 112 119	#8E7077
50.0%	50.0% #A67D7A	RGB 166 125 122	#A67D7A
66.7%	66.7% #BE897E	RGB 190 137 126	#BE897E
83.3%	83.3% #D69581	RGB 214 149 129	#D69581
100.0%	100.0% #EFA285	RGB 239 162 133	#EFA285

#5E5870 #766473 #8E7077 #A67D7A #BE897E #D69581 #EFA285

#5E5870 - #EFA285

HSV Blend

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

0.0%	0.0% #5E5870	RGB 94 88 112	#5E5870
16.7%	16.7% #776385	RGB 119 99 133	#776385
33.3%	33.3% #966D9A	RGB 150 109 154	#966D9A
50.0%	50.0% #AF75A0	RGB 175 117 160	#AF75A0
66.7%	66.7% #C47C99	RGB 196 124 153	#C47C99
83.3%	83.3% #D98187	RGB 217 129 135	#D98187
100.0%	100.0% #EFA285	RGB 239 162 133	#EFA285

#5E5870 #776385 #966D9A #AF75A0 #C47C99 #D98187 #EFA285

#5E5870 - #AF75A0 - #EFA285

CSS codes

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

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