#5E7A74 - #C29D9F | 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 #5E7A74 to #C29D9F

#5E7A74 #C29D9F

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

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

0.0%	0.0% #5E7A74	RGB 94 122 116	#5E7A74
16.7%	16.7% #6E7F7B	RGB 110 127 123	#6E7F7B
33.3%	33.3% #7F8582	RGB 127 133 130	#7F8582
50.0%	50.0% #908B89	RGB 144 139 137	#908B89
66.7%	66.7% #A09190	RGB 160 145 144	#A09190
83.3%	83.3% #B19797	RGB 177 151 151	#B19797
100.0%	100.0% #C29D9F	RGB 194 157 159	#C29D9F

#5E7A74 #6E7F7B #7F8582 #908B89 #A09190 #B19797 #C29D9F

#5E7A74 - #C29D9F

HSV Blend

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

0.0%	0.0% #5E7A74	RGB 94 122 116	#5E7A74
16.7%	16.7% #688671	RGB 104 134 113	#688671
33.3%	33.3% #779272	RGB 119 146 114	#779272
50.0%	50.0% #919E7C	RGB 145 158 124	#919E7C
66.7%	66.7% #AAA687	RGB 170 166 135	#AAA687
83.3%	83.3% #B6A192	RGB 182 161 146	#B6A192
100.0%	100.0% #C29D9F	RGB 194 157 159	#C29D9F

#5E7A74 #688671 #779272 #919E7C #AAA687 #B6A192 #C29D9F

#5E7A74 - #919E7C - #C29D9F

CSS codes

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

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