#B5C2B9 - #5A8181 | 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 #B5C2B9 to #5A8181

#B5C2B9 #5A8181

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

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

0.0%	0.0% #B5C2B9	RGB 181 194 185	#B5C2B9
16.7%	16.7% #A5B7AF	RGB 165 183 175	#A5B7AF
33.3%	33.3% #96ACA6	RGB 150 172 166	#96ACA6
50.0%	50.0% #87A19D	RGB 135 161 157	#87A19D
66.7%	66.7% #789693	RGB 120 150 147	#789693
83.3%	83.3% #698B8A	RGB 105 139 138	#698B8A
100.0%	100.0% #5A8181	RGB 90 129 129	#5A8181

#B5C2B9 #A5B7AF #96ACA6 #87A19D #789693 #698B8A #5A8181

#B5C2B9 - #5A8181

HSV Blend

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

0.0%	0.0% #B5C2B9	RGB 181 194 185	#B5C2B9
16.7%	16.7% #A3B7AB	RGB 163 183 171	#A3B7AB
33.3%	33.3% #93ACA0	RGB 147 172 160	#93ACA0
50.0%	50.0% #83A197	RGB 131 161 151	#83A197
66.7%	66.7% #74968E	RGB 116 150 142	#74968E
83.3%	83.3% #678B87	RGB 103 139 135	#678B87
100.0%	100.0% #5A8181	RGB 90 129 129	#5A8181

#B5C2B9 #A3B7AB #93ACA0 #83A197 #74968E #678B87 #5A8181

#B5C2B9 - #83A197 - #5A8181

CSS codes

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

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