#5E2449 - #D1C0CB | 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 #5E2449 to #D1C0CB

#5E2449 #D1C0CB

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

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

0.0%	0.0% #5E2449	RGB 94 36 73	#5E2449
16.7%	16.7% #713E5E	RGB 113 62 94	#713E5E
33.3%	33.3% #845874	RGB 132 88 116	#845874
50.0%	50.0% #97728A	RGB 151 114 138	#97728A
66.7%	66.7% #AA8C9F	RGB 170 140 159	#AA8C9F
83.3%	83.3% #BDA6B5	RGB 189 166 181	#BDA6B5
100.0%	100.0% #D1C0CB	RGB 209 192 203	#D1C0CB

#5E2449 #713E5E #845874 #97728A #AA8C9F #BDA6B5 #D1C0CB

#5E2449 - #D1C0CB

HSV Blend

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

0.0%	0.0% #5E2449	RGB 94 36 73	#5E2449
16.7%	16.7% #71355B	RGB 113 53 91	#71355B
33.3%	33.3% #844A6F	RGB 132 74 111	#844A6F
50.0%	50.0% #976284	RGB 151 98 132	#976284
66.7%	66.7% #AA7E9A	RGB 170 126 154	#AA7E9A
83.3%	83.3% #BD9DB2	RGB 189 157 178	#BD9DB2
100.0%	100.0% #D1C0CB	RGB 209 192 203	#D1C0CB

#5E2449 #71355B #844A6F #976284 #AA7E9A #BD9DB2 #D1C0CB

#5E2449 - #976284 - #D1C0CB

CSS codes

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

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