#C5EBE1 - #384340 | 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 #C5EBE1 to #384340

#C5EBE1 #384340

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

#C5EBE1 - #384340 | 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 #C5EBE1 as 0% and #384340 as 100%.

0.0%	0.0% #C5EBE1	RGB 197 235 225	#C5EBE1
16.7%	16.7% #ADCFC6	RGB 173 207 198	#ADCFC6
33.3%	33.3% #96B3AB	RGB 150 179 171	#96B3AB
50.0%	50.0% #7E9790	RGB 126 151 144	#7E9790
66.7%	66.7% #677B75	RGB 103 123 117	#677B75
83.3%	83.3% #4F5F5A	RGB 79 95 90	#4F5F5A
100.0%	100.0% #384340	RGB 56 67 64	#384340

#C5EBE1 #ADCFC6 #96B3AB #7E9790 #677B75 #4F5F5A #384340

#C5EBE1 - #384340

HSV Blend

#C5EBE1 - #384340 | 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 #C5EBE1 as 0% and #384340 as 100%.

0.0%	0.0% #C5EBE1	RGB 197 235 225	#C5EBE1
16.7%	16.7% #ADCFC6	RGB 173 207 198	#ADCFC6
33.3%	33.3% #95B3AB	RGB 149 179 171	#95B3AB
50.0%	50.0% #7E9790	RGB 126 151 144	#7E9790
66.7%	66.7% #667B75	RGB 102 123 117	#667B75
83.3%	83.3% #4F5F5A	RGB 79 95 90	#4F5F5A
100.0%	100.0% #384340	RGB 56 67 64	#384340

#C5EBE1 #ADCFC6 #95B3AB #7E9790 #667B75 #4F5F5A #384340

#C5EBE1 - #7E9790 - #384340

CSS codes

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

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