#CDFFB8 - #3A4834 | 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 #CDFFB8 to #3A4834

#CDFFB8 #3A4834

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

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

0.0%	0.0% #CDFFB8	RGB 205 255 184	#CDFFB8
16.7%	16.7% #B4E0A2	RGB 180 224 162	#B4E0A2
33.3%	33.3% #9CC28C	RGB 156 194 140	#9CC28C
50.0%	50.0% #83A376	RGB 131 163 118	#83A376
66.7%	66.7% #6B8460	RGB 107 132 96	#6B8460
83.3%	83.3% #52664A	RGB 82 102 74	#52664A
100.0%	100.0% #3A4834	RGB 58 72 52	#3A4834

#CDFFB8 #B4E0A2 #9CC28C #83A376 #6B8460 #52664A #3A4834

#CDFFB8 - #3A4834

HSV Blend

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

0.0%	0.0% #CDFFB8	RGB 205 255 184	#CDFFB8
16.7%	16.7% #B4E0A2	RGB 180 224 162	#B4E0A2
33.3%	33.3% #9CC28C	RGB 156 194 140	#9CC28C
50.0%	50.0% #83A376	RGB 131 163 118	#83A376
66.7%	66.7% #6B8460	RGB 107 132 96	#6B8460
83.3%	83.3% #52664A	RGB 82 102 74	#52664A
100.0%	100.0% #3A4834	RGB 58 72 52	#3A4834

#CDFFB8 #B4E0A2 #9CC28C #83A376 #6B8460 #52664A #3A4834

#CDFFB8 - #83A376 - #3A4834

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDFFB8 0%, #83A376 50%, #3A4834 100%);
    background: -webkit-linear-gradient(top, #CDFFB8 0%, #83A376 50%, #3A4834 100%);
    background: linear-gradient(to bottom, #CDFFB8 0%, #83A376 50%, #3A4834 100%);
}
</style>