#5E387F - #D68295 | 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 #5E387F to #D68295

#5E387F #D68295

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

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

0.0%	0.0% #5E387F	RGB 94 56 127	#5E387F
16.7%	16.7% #724482	RGB 114 68 130	#724482
33.3%	33.3% #865086	RGB 134 80 134	#865086
50.0%	50.0% #9A5D8A	RGB 154 93 138	#9A5D8A
66.7%	66.7% #AE698D	RGB 174 105 141	#AE698D
83.3%	83.3% #C27591	RGB 194 117 145	#C27591
100.0%	100.0% #D68295	RGB 214 130 149	#D68295

#5E387F #724482 #865086 #9A5D8A #AE698D #C27591 #D68295

#5E387F - #D68295

HSV Blend

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

0.0%	0.0% #5E387F	RGB 94 56 127	#5E387F
16.7%	16.7% #7A428D	RGB 122 66 141	#7A428D
33.3%	33.3% #974D9C	RGB 151 77 156	#974D9C
50.0%	50.0% #AA599D	RGB 170 89 157	#AA599D
66.7%	66.7% #B9669B	RGB 185 102 155	#B9669B
83.3%	83.3% #C77397	RGB 199 115 151	#C77397
100.0%	100.0% #D68295	RGB 214 130 149	#D68295

#5E387F #7A428D #974D9C #AA599D #B9669B #C77397 #D68295

#5E387F - #AA599D - #D68295

CSS codes

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

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