#5E797B - #CDBCA1 | 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 #5E797B to #CDBCA1

#5E797B #CDBCA1

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

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

0.0%	0.0% #5E797B	RGB 94 121 123	#5E797B
16.7%	16.7% #708481	RGB 112 132 129	#708481
33.3%	33.3% #838F87	RGB 131 143 135	#838F87
50.0%	50.0% #959A8E	RGB 149 154 142	#959A8E
66.7%	66.7% #A8A594	RGB 168 165 148	#A8A594
83.3%	83.3% #BAB09A	RGB 186 176 154	#BAB09A
100.0%	100.0% #CDBCA1	RGB 205 188 161	#CDBCA1

#5E797B #708481 #838F87 #959A8E #A8A594 #BAB09A #CDBCA1

#5E797B - #CDBCA1

HSV Blend

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

0.0%	0.0% #5E797B	RGB 94 121 123	#5E797B
16.7%	16.7% #68887D	RGB 104 136 125	#68887D
33.3%	33.3% #73967C	RGB 115 150 124	#73967C
50.0%	50.0% #84A47F	RGB 132 164 127	#84A47F
66.7%	66.7% #A0B18A	RGB 160 177 138	#A0B18A
83.3%	83.3% #BEBF95	RGB 190 191 149	#BEBF95
100.0%	100.0% #CDBCA1	RGB 205 188 161	#CDBCA1

#5E797B #68887D #73967C #84A47F #A0B18A #BEBF95 #CDBCA1

#5E797B - #84A47F - #CDBCA1

CSS codes

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

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