#5E4F97 - #DF9FAF | 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 #5E4F97 to #DF9FAF

#5E4F97 #DF9FAF

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

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

0.0%	0.0% #5E4F97	RGB 94 79 151	#5E4F97
16.7%	16.7% #735C9B	RGB 115 92 155	#735C9B
33.3%	33.3% #89699F	RGB 137 105 159	#89699F
50.0%	50.0% #9E77A3	RGB 158 119 163	#9E77A3
66.7%	66.7% #B484A7	RGB 180 132 167	#B484A7
83.3%	83.3% #C991AB	RGB 201 145 171	#C991AB
100.0%	100.0% #DF9FAF	RGB 223 159 175	#DF9FAF

#5E4F97 #735C9B #89699F #9E77A3 #B484A7 #C991AB #DF9FAF

#5E4F97 - #DF9FAF

HSV Blend

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

0.0%	0.0% #5E4F97	RGB 94 79 151	#5E4F97
16.7%	16.7% #7C5AA3	RGB 124 90 163	#7C5AA3
33.3%	33.3% #9A66AF	RGB 154 102 175	#9A66AF
50.0%	50.0% #B973BB	RGB 185 115 187	#B973BB
66.7%	66.7% #C781B6	RGB 199 129 182	#C781B6
83.3%	83.3% #D38FB1	RGB 211 143 177	#D38FB1
100.0%	100.0% #DF9FAF	RGB 223 159 175	#DF9FAF

#5E4F97 #7C5AA3 #9A66AF #B973BB #C781B6 #D38FB1 #DF9FAF

#5E4F97 - #B973BB - #DF9FAF

CSS codes

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

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