#5E174C - #D1BCCB | 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 #5E174C to #D1BCCB

#5E174C #D1BCCB

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

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

0.0%	0.0% #5E174C	RGB 94 23 76	#5E174C
16.7%	16.7% #713261	RGB 113 50 97	#713261
33.3%	33.3% #844E76	RGB 132 78 118	#844E76
50.0%	50.0% #97698B	RGB 151 105 139	#97698B
66.7%	66.7% #AA85A0	RGB 170 133 160	#AA85A0
83.3%	83.3% #BDA0B5	RGB 189 160 181	#BDA0B5
100.0%	100.0% #D1BCCB	RGB 209 188 203	#D1BCCB

#5E174C #713261 #844E76 #97698B #AA85A0 #BDA0B5 #D1BCCB

#5E174C - #D1BCCB

HSV Blend

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

0.0%	0.0% #5E164B	RGB 94 22 75	#5E164B
16.7%	16.7% #71285E	RGB 113 40 94	#71285E
33.3%	33.3% #843D71	RGB 132 61 113	#843D71
50.0%	50.0% #975686	RGB 151 86 134	#975686
66.7%	66.7% #AA749B	RGB 170 116 155	#AA749B
83.3%	83.3% #BD96B2	RGB 189 150 178	#BD96B2
100.0%	100.0% #D1BCCB	RGB 209 188 203	#D1BCCB

#5E164B #71285E #843D71 #975686 #AA749B #BD96B2 #D1BCCB

#5E174C - #975686 - #D1BCCB

CSS codes

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

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