#234B37 - #C0CBC5 | 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 #234B37 to #C0CBC5

#234B37 #C0CBC5

Calculate the color between two colors, #234B37 and #C0CBC5. 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)

#234B37 - #C0CBC5 | 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 #234B37 as 0% and #C0CBC5 as 100%.

0.0%	0.0% #234B37	RGB 35 75 55	#234B37
16.7%	16.7% #3D604E	RGB 61 96 78	#3D604E
33.3%	33.3% #577566	RGB 87 117 102	#577566
50.0%	50.0% #718B7E	RGB 113 139 126	#718B7E
66.7%	66.7% #8BA095	RGB 139 160 149	#8BA095
83.3%	83.3% #A5B5AD	RGB 165 181 173	#A5B5AD
100.0%	100.0% #C0CBC5	RGB 192 203 197	#C0CBC5

#234B37 #3D604E #577566 #718B7E #8BA095 #A5B5AD #C0CBC5

#234B37 - #C0CBC5

HSV Blend

#234B37 - #C0CBC5 | 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 #234B37 as 0% and #C0CBC5 as 100%.

0.0%	0.0% #234B37	RGB 35 75 55	#234B37
16.7%	16.7% #34604A	RGB 52 96 74	#34604A
33.3%	33.3% #49755F	RGB 73 117 95	#49755F
50.0%	50.0% #628B75	RGB 98 139 117	#628B75
66.7%	66.7% #7EA08E	RGB 126 160 142	#7EA08E
83.3%	83.3% #9DB5A8	RGB 157 181 168	#9DB5A8
100.0%	100.0% #C0CBC5	RGB 192 203 197	#C0CBC5

#234B37 #34604A #49755F #628B75 #7EA08E #9DB5A8 #C0CBC5

#234B37 - #628B75 - #C0CBC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #234B37 0%, #628B75 50%, #C0CBC5 100%);
    background: -webkit-linear-gradient(top, #234B37 0%, #628B75 50%, #C0CBC5 100%);
    background: linear-gradient(to bottom, #234B37 0%, #628B75 50%, #C0CBC5 100%);
}
</style>