#5E154D - #D1BCCC | 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 #5E154D to #D1BCCC

#5E154D #D1BCCC

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

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

0.0%	0.0% #5E154D	RGB 94 21 77	#5E154D
16.7%	16.7% #713062	RGB 113 48 98	#713062
33.3%	33.3% #844C77	RGB 132 76 119	#844C77
50.0%	50.0% #97688C	RGB 151 104 140	#97688C
66.7%	66.7% #AA84A1	RGB 170 132 161	#AA84A1
83.3%	83.3% #BDA0B6	RGB 189 160 182	#BDA0B6
100.0%	100.0% #D1BCCC	RGB 209 188 204	#D1BCCC

#5E154D #713062 #844C77 #97688C #AA84A1 #BDA0B6 #D1BCCC

#5E154D - #D1BCCC

HSV Blend

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

0.0%	0.0% #5E144C	RGB 94 20 76	#5E144C
16.7%	16.7% #71265F	RGB 113 38 95	#71265F
33.3%	33.3% #843B73	RGB 132 59 115	#843B73
50.0%	50.0% #975587	RGB 151 85 135	#975587
66.7%	66.7% #AA739D	RGB 170 115 157	#AA739D
83.3%	83.3% #BD95B4	RGB 189 149 180	#BD95B4
100.0%	100.0% #D1BCCC	RGB 209 188 204	#D1BCCC

#5E144C #71265F #843B73 #975587 #AA739D #BD95B4 #D1BCCC

#5E154D - #975587 - #D1BCCC

CSS codes

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

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