#5E418B - #D98FA3 | 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 #5E418B to #D98FA3

#5E418B #D98FA3

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

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

0.0%	0.0% #5E418B	RGB 94 65 139	#5E418B
16.7%	16.7% #724E8F	RGB 114 78 143	#724E8F
33.3%	33.3% #875B93	RGB 135 91 147	#875B93
50.0%	50.0% #9B6897	RGB 155 104 151	#9B6897
66.7%	66.7% #B0759B	RGB 176 117 155	#B0759B
83.3%	83.3% #C4829F	RGB 196 130 159	#C4829F
100.0%	100.0% #D98FA3	RGB 217 143 163	#D98FA3

#5E418B #724E8F #875B93 #9B6897 #B0759B #C4829F #D98FA3

#5E418B - #D98FA3

HSV Blend

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

0.0%	0.0% #5E418B	RGB 94 65 139	#5E418B
16.7%	16.7% #7A4B98	RGB 122 75 152	#7A4B98
33.3%	33.3% #9857A5	RGB 152 87 165	#9857A5
50.0%	50.0% #B264AD	RGB 178 100 173	#B264AD
66.7%	66.7% #BF71A9	RGB 191 113 169	#BF71A9
83.3%	83.3% #CC7FA5	RGB 204 127 165	#CC7FA5
100.0%	100.0% #D98FA3	RGB 217 143 163	#D98FA3

#5E418B #7A4B98 #9857A5 #B264AD #BF71A9 #CC7FA5 #D98FA3

#5E418B - #B264AD - #D98FA3

CSS codes

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

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