#2D5E55 - #C3D1CE | 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 #2D5E55 to #C3D1CE

#2D5E55 #C3D1CE

Calculate the color between two colors, #2D5E55 and #C3D1CE. 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)

#2D5E55 - #C3D1CE | 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 #2D5E55 as 0% and #C3D1CE as 100%.

0.0%	0.0% #2D5E55	RGB 45 94 85	#2D5E55
16.7%	16.7% #467169	RGB 70 113 105	#467169
33.3%	33.3% #5F847D	RGB 95 132 125	#5F847D
50.0%	50.0% #789791	RGB 120 151 145	#789791
66.7%	66.7% #91AAA5	RGB 145 170 165	#91AAA5
83.3%	83.3% #AABDB9	RGB 170 189 185	#AABDB9
100.0%	100.0% #C3D1CE	RGB 195 209 206	#C3D1CE

#2D5E55 #467169 #5F847D #789791 #91AAA5 #AABDB9 #C3D1CE

#2D5E55 - #C3D1CE

HSV Blend

#2D5E55 - #C3D1CE | 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 #2D5E55 as 0% and #C3D1CE as 100%.

0.0%	0.0% #2D5E55	RGB 45 94 85	#2D5E55
16.7%	16.7% #3E7167	RGB 62 113 103	#3E7167
33.3%	33.3% #53847A	RGB 83 132 122	#53847A
50.0%	50.0% #6A978E	RGB 106 151 142	#6A978E
66.7%	66.7% #85AAA3	RGB 133 170 163	#85AAA3
83.3%	83.3% #A2BDB8	RGB 162 189 184	#A2BDB8
100.0%	100.0% #C3D1CE	RGB 195 209 206	#C3D1CE

#2D5E55 #3E7167 #53847A #6A978E #85AAA3 #A2BDB8 #C3D1CE

#2D5E55 - #6A978E - #C3D1CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E55 0%, #6A978E 50%, #C3D1CE 100%);
    background: -webkit-linear-gradient(top, #2D5E55 0%, #6A978E 50%, #C3D1CE 100%);
    background: linear-gradient(to bottom, #2D5E55 0%, #6A978E 50%, #C3D1CE 100%);
}
</style>