#5E7D7B - #BE9EA1 | 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 #5E7D7B to #BE9EA1

#5E7D7B #BE9EA1

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

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

0.0%	0.0% #5E7D7B	RGB 94 125 123	#5E7D7B
16.7%	16.7% #6E8281	RGB 110 130 129	#6E8281
33.3%	33.3% #7E8887	RGB 126 136 135	#7E8887
50.0%	50.0% #8E8D8E	RGB 142 141 142	#8E8D8E
66.7%	66.7% #9E9394	RGB 158 147 148	#9E9394
83.3%	83.3% #AE989A	RGB 174 152 154	#AE989A
100.0%	100.0% #BE9EA1	RGB 190 158 161	#BE9EA1

#5E7D7B #6E8281 #7E8887 #8E8D8E #9E9394 #AE989A #BE9EA1

#5E7D7B - #BE9EA1

HSV Blend

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

0.0%	0.0% #5E7D7B	RGB 94 125 123	#5E7D7B
16.7%	16.7% #677A87	RGB 103 122 135	#677A87
33.3%	33.3% #727492	RGB 114 116 146	#727492
50.0%	50.0% #8A7C9D	RGB 138 124 157	#8A7C9D
66.7%	66.7% #A587A8	RGB 165 135 168	#A587A8
83.3%	83.3% #B392A5	RGB 179 146 165	#B392A5
100.0%	100.0% #BE9EA1	RGB 190 158 161	#BE9EA1

#5E7D7B #677A87 #727492 #8A7C9D #A587A8 #B392A5 #BE9EA1

#5E7D7B - #8A7C9D - #BE9EA1

CSS codes

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

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