#5E6E6D - #BD9095 | 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 #5E6E6D to #BD9095

#5E6E6D #BD9095

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

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

0.0%	0.0% #5E6E6D	RGB 94 110 109	#5E6E6D
16.7%	16.7% #6D7373	RGB 109 115 115	#6D7373
33.3%	33.3% #7D797A	RGB 125 121 122	#7D797A
50.0%	50.0% #8D7F81	RGB 141 127 129	#8D7F81
66.7%	66.7% #9D8487	RGB 157 132 135	#9D8487
83.3%	83.3% #AD8A8E	RGB 173 138 142	#AD8A8E
100.0%	100.0% #BD9095	RGB 189 144 149	#BD9095

#5E6E6D #6D7373 #7D797A #8D7F81 #9D8487 #AD8A8E #BD9095

#5E6E6D - #BD9095

HSV Blend

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

0.0%	0.0% #5E6E6D	RGB 94 110 109	#5E6E6D
16.7%	16.7% #67727B	RGB 103 114 123	#67727B
33.3%	33.3% #707288	RGB 112 114 136	#707288
50.0%	50.0% #847895	RGB 132 120 149	#847895
66.7%	66.7% #9F80A2	RGB 159 128 162	#9F80A2
83.3%	83.3% #AF88A0	RGB 175 136 160	#AF88A0
100.0%	100.0% #BD9095	RGB 189 144 149	#BD9095

#5E6E6D #67727B #707288 #847895 #9F80A2 #AF88A0 #BD9095

#5E6E6D - #847895 - #BD9095

CSS codes

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

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