#2C5E18 - #C2D1BD | 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 #2C5E18 to #C2D1BD

#2C5E18 #C2D1BD

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

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

0.0%	0.0% #2C5E18	RGB 44 94 24	#2C5E18
16.7%	16.7% #457133	RGB 69 113 51	#457133
33.3%	33.3% #5E844F	RGB 94 132 79	#5E844F
50.0%	50.0% #77976A	RGB 119 151 106	#77976A
66.7%	66.7% #90AA86	RGB 144 170 134	#90AA86
83.3%	83.3% #A9BDA1	RGB 169 189 161	#A9BDA1
100.0%	100.0% #C2D1BD	RGB 194 209 189	#C2D1BD

#2C5E18 #457133 #5E844F #77976A #90AA86 #A9BDA1 #C2D1BD

#2C5E18 - #C2D1BD

HSV Blend

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

0.0%	0.0% #2B5E18	RGB 43 94 24	#2B5E18
16.7%	16.7% #3D7129	RGB 61 113 41	#3D7129
33.3%	33.3% #51843E	RGB 81 132 62	#51843E
50.0%	50.0% #689757	RGB 104 151 87	#689757
66.7%	66.7% #83AA75	RGB 131 170 117	#83AA75
83.3%	83.3% #A1BD97	RGB 161 189 151	#A1BD97
100.0%	100.0% #C2D1BD	RGB 194 209 189	#C2D1BD

#2B5E18 #3D7129 #51843E #689757 #83AA75 #A1BD97 #C2D1BD

#2C5E18 - #689757 - #C2D1BD

CSS codes

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

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