#5E1225 - #D1BBC0 | 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 #5E1225 to #D1BBC0

#5E1225 #D1BBC0

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

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

0.0%	0.0% #5E1225	RGB 94 18 37	#5E1225
16.7%	16.7% #712E3E	RGB 113 46 62	#712E3E
33.3%	33.3% #844A58	RGB 132 74 88	#844A58
50.0%	50.0% #976672	RGB 151 102 114	#976672
66.7%	66.7% #AA828C	RGB 170 130 140	#AA828C
83.3%	83.3% #BD9EA6	RGB 189 158 166	#BD9EA6
100.0%	100.0% #D1BBC0	RGB 209 187 192	#D1BBC0

#5E1225 #712E3E #844A58 #976672 #AA828C #BD9EA6 #D1BBC0

#5E1225 - #D1BBC0

HSV Blend

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

0.0%	0.0% #5E1125	RGB 94 17 37	#5E1125
16.7%	16.7% #712236	RGB 113 34 54	#712236
33.3%	33.3% #84384A	RGB 132 56 74	#84384A
50.0%	50.0% #975262	RGB 151 82 98	#975262
66.7%	66.7% #AA707E	RGB 170 112 126	#AA707E
83.3%	83.3% #BD939D	RGB 189 147 157	#BD939D
100.0%	100.0% #D1BBC0	RGB 209 187 192	#D1BBC0

#5E1125 #712236 #84384A #975262 #AA707E #BD939D #D1BBC0

#5E1225 - #975262 - #D1BBC0

CSS codes

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

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