#C5E4C5 - #384138 | 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 #C5E4C5 to #384138

#C5E4C5 #384138

Calculate the color between two colors, #C5E4C5 and #384138. 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)

#C5E4C5 - #384138 | 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 #C5E4C5 as 0% and #384138 as 100%.

0.0%	0.0% #C5E4C5	RGB 197 228 197	#C5E4C5
16.7%	16.7% #ADC8AD	RGB 173 200 173	#ADC8AD
33.3%	33.3% #96AD96	RGB 150 173 150	#96AD96
50.0%	50.0% #7E927E	RGB 126 146 126	#7E927E
66.7%	66.7% #677767	RGB 103 119 103	#677767
83.3%	83.3% #4F5C4F	RGB 79 92 79	#4F5C4F
100.0%	100.0% #384138	RGB 56 65 56	#384138

#C5E4C5 #ADC8AD #96AD96 #7E927E #677767 #4F5C4F #384138

#C5E4C5 - #384138

HSV Blend

#C5E4C5 - #384138 | 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 #C5E4C5 as 0% and #384138 as 100%.

0.0%	0.0% #C5E4C5	RGB 197 228 197	#C5E4C5
16.7%	16.7% #ADC8AD	RGB 173 200 173	#ADC8AD
33.3%	33.3% #95AD95	RGB 149 173 149	#95AD95
50.0%	50.0% #7E927E	RGB 126 146 126	#7E927E
66.7%	66.7% #667766	RGB 102 119 102	#667766
83.3%	83.3% #4F5C4F	RGB 79 92 79	#4F5C4F
100.0%	100.0% #384138	RGB 56 65 56	#384138

#C5E4C5 #ADC8AD #95AD95 #7E927E #667766 #4F5C4F #384138

#C5E4C5 - #7E927E - #384138

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E4C5 0%, #7E927E 50%, #384138 100%);
    background: -webkit-linear-gradient(top, #C5E4C5 0%, #7E927E 50%, #384138 100%);
    background: linear-gradient(to bottom, #C5E4C5 0%, #7E927E 50%, #384138 100%);
}
</style>