#5E1433 - #D1BCC4 | 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 #5E1433 to #D1BCC4

#5E1433 #D1BCC4

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

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

0.0%	0.0% #5E1433	RGB 94 20 51	#5E1433
16.7%	16.7% #71304B	RGB 113 48 75	#71304B
33.3%	33.3% #844C63	RGB 132 76 99	#844C63
50.0%	50.0% #97687B	RGB 151 104 123	#97687B
66.7%	66.7% #AA8493	RGB 170 132 147	#AA8493
83.3%	83.3% #BDA0AB	RGB 189 160 171	#BDA0AB
100.0%	100.0% #D1BCC4	RGB 209 188 196	#D1BCC4

#5E1433 #71304B #844C63 #97687B #AA8493 #BDA0AB #D1BCC4

#5E1433 - #D1BCC4

HSV Blend

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

0.0%	0.0% #5E1332	RGB 94 19 50	#5E1332
16.7%	16.7% #712544	RGB 113 37 68	#712544
33.3%	33.3% #843A58	RGB 132 58 88	#843A58
50.0%	50.0% #97546F	RGB 151 84 111	#97546F
66.7%	66.7% #AA7288	RGB 170 114 136	#AA7288
83.3%	83.3% #BD95A4	RGB 189 149 164	#BD95A4
100.0%	100.0% #D1BCC4	RGB 209 188 196	#D1BCC4

#5E1332 #712544 #843A58 #97546F #AA7288 #BD95A4 #D1BCC4

#5E1433 - #97546F - #D1BCC4

CSS codes

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

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