#5E7273 - #CAB69B | 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 #5E7273 to #CAB69B

#5E7273 #CAB69B

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

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

0.0%	0.0% #5E7273	RGB 94 114 115	#5E7273
16.7%	16.7% #707D79	RGB 112 125 121	#707D79
33.3%	33.3% #828880	RGB 130 136 128	#828880
50.0%	50.0% #949487	RGB 148 148 135	#949487
66.7%	66.7% #A69F8D	RGB 166 159 141	#A69F8D
83.3%	83.3% #B8AA94	RGB 184 170 148	#B8AA94
100.0%	100.0% #CAB69B	RGB 202 182 155	#CAB69B

#5E7273 #707D79 #828880 #949487 #A69F8D #B8AA94 #CAB69B

#5E7273 - #CAB69B

HSV Blend

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

0.0%	0.0% #5E7273	RGB 94 114 115	#5E7273
16.7%	16.7% #688178	RGB 104 129 120	#688178
33.3%	33.3% #739079	RGB 115 144 121	#739079
50.0%	50.0% #839E7D	RGB 131 158 125	#839E7D
66.7%	66.7% #9EAD87	RGB 158 173 135	#9EAD87
83.3%	83.3% #BBBA91	RGB 187 186 145	#BBBA91
100.0%	100.0% #CAB69B	RGB 202 182 155	#CAB69B

#5E7273 #688178 #739079 #839E7D #9EAD87 #BBBA91 #CAB69B

#5E7273 - #839E7D - #CAB69B

CSS codes

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

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