#C5E2CB - #38403A | 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 #C5E2CB to #38403A

#C5E2CB #38403A

Calculate the color between two colors, #C5E2CB and #38403A. 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)

#C5E2CB - #38403A | 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 #C5E2CB as 0% and #38403A as 100%.

0.0%	0.0% #C5E2CB	RGB 197 226 203	#C5E2CB
16.7%	16.7% #ADC7B2	RGB 173 199 178	#ADC7B2
33.3%	33.3% #96AC9A	RGB 150 172 154	#96AC9A
50.0%	50.0% #7E9182	RGB 126 145 130	#7E9182
66.7%	66.7% #67766A	RGB 103 118 106	#67766A
83.3%	83.3% #4F5B52	RGB 79 91 82	#4F5B52
100.0%	100.0% #38403A	RGB 56 64 58	#38403A

#C5E2CB #ADC7B2 #96AC9A #7E9182 #67766A #4F5B52 #38403A

#C5E2CB - #38403A

HSV Blend

#C5E2CB - #38403A | 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 #C5E2CB as 0% and #38403A as 100%.

0.0%	0.0% #C5E2CB	RGB 197 226 203	#C5E2CB
16.7%	16.7% #ADC7B3	RGB 173 199 179	#ADC7B3
33.3%	33.3% #96AC9A	RGB 150 172 154	#96AC9A
50.0%	50.0% #7E9182	RGB 126 145 130	#7E9182
66.7%	66.7% #67766A	RGB 103 118 106	#67766A
83.3%	83.3% #4F5B52	RGB 79 91 82	#4F5B52
100.0%	100.0% #38403A	RGB 56 64 58	#38403A

#C5E2CB #ADC7B3 #96AC9A #7E9182 #67766A #4F5B52 #38403A

#C5E2CB - #7E9182 - #38403A

CSS codes

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

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