#5E6664 - #BD898C | 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 #5E6664 to #BD898C

#5E6664 #BD898C

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

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

0.0%	0.0% #5E6664	RGB 94 102 100	#5E6664
16.7%	16.7% #6D6B6A	RGB 109 107 106	#6D6B6A
33.3%	33.3% #7D7171	RGB 125 113 113	#7D7171
50.0%	50.0% #8D7778	RGB 141 119 120	#8D7778
66.7%	66.7% #9D7D7E	RGB 157 125 126	#9D7D7E
83.3%	83.3% #AD8385	RGB 173 131 133	#AD8385
100.0%	100.0% #BD898C	RGB 189 137 140	#BD898C

#5E6664 #6D6B6A #7D7171 #8D7778 #9D7D7E #AD8385 #BD898C

#5E6664 - #BD898C

HSV Blend

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

0.0%	0.0% #5E6664	RGB 94 102 100	#5E6664
16.7%	16.7% #67746B	RGB 103 116 107	#67746B
33.3%	33.3% #738370	RGB 115 131 112	#738370
50.0%	50.0% #889177	RGB 136 145 119	#889177
66.7%	66.7% #A09B7E	RGB 160 155 126	#A09B7E
83.3%	83.3% #AE9584	RGB 174 149 132	#AE9584
100.0%	100.0% #BD898C	RGB 189 137 140	#BD898C

#5E6664 #67746B #738370 #889177 #A09B7E #AE9584 #BD898C

#5E6664 - #889177 - #BD898C

CSS codes

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

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