#3E8C91 - #CBD2B7 | 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 #3E8C91 to #CBD2B7

#3E8C91 #CBD2B7

Calculate the color between two colors, #3E8C91 and #CBD2B7. 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)

#3E8C91 - #CBD2B7 | 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 #3E8C91 as 0% and #CBD2B7 as 100%.

0.0%	0.0% #3E8C91	RGB 62 140 145	#3E8C91
16.7%	16.7% #559797	RGB 85 151 151	#559797
33.3%	33.3% #6DA39D	RGB 109 163 157	#6DA39D
50.0%	50.0% #84AFA4	RGB 132 175 164	#84AFA4
66.7%	66.7% #9CBAAA	RGB 156 186 170	#9CBAAA
83.3%	83.3% #B3C6B0	RGB 179 198 176	#B3C6B0
100.0%	100.0% #CBD2B7	RGB 203 210 183	#CBD2B7

#3E8C91 #559797 #6DA39D #84AFA4 #9CBAAA #B3C6B0 #CBD2B7

#3E8C91 - #CBD2B7

HSV Blend

#3E8C91 - #CBD2B7 | 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 #3E8C91 as 0% and #CBD2B7 as 100%.

0.0%	0.0% #3E8C91	RGB 62 140 145	#3E8C91
16.7%	16.7% #4E9B89	RGB 78 155 137	#4E9B89
33.3%	33.3% #5FA680	RGB 95 166 128	#5FA680
50.0%	50.0% #73B17D	RGB 115 177 125	#73B17D
66.7%	66.7% #8FBC88	RGB 143 188 136	#8FBC88
83.3%	83.3% #B0C79E	RGB 176 199 158	#B0C79E
100.0%	100.0% #CBD2B7	RGB 203 210 183	#CBD2B7

#3E8C91 #4E9B89 #5FA680 #73B17D #8FBC88 #B0C79E #CBD2B7

#3E8C91 - #73B17D - #CBD2B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8C91 0%, #73B17D 50%, #CBD2B7 100%);
    background: -webkit-linear-gradient(top, #3E8C91 0%, #73B17D 50%, #CBD2B7 100%);
    background: linear-gradient(to bottom, #3E8C91 0%, #73B17D 50%, #CBD2B7 100%);
}
</style>