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

#C7ECE3 #384340

Calculate the color between two colors, #C7ECE3 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)

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

0.0%	0.0% #C7ECE3	RGB 199 236 227	#C7ECE3
16.7%	16.7% #AFCFC7	RGB 175 207 199	#AFCFC7
33.3%	33.3% #97B3AC	RGB 151 179 172	#97B3AC
50.0%	50.0% #7F9791	RGB 127 151 145	#7F9791
66.7%	66.7% #677B76	RGB 103 123 118	#677B76
83.3%	83.3% #4F5F5B	RGB 79 95 91	#4F5F5B
100.0%	100.0% #384340	RGB 56 67 64	#384340

#C7ECE3 #AFCFC7 #97B3AC #7F9791 #677B76 #4F5F5B #384340

#C7ECE3 - #384340

HSV Blend

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

0.0%	0.0% #C7ECE3	RGB 199 236 227	#C7ECE3
16.7%	16.7% #AECFC7	RGB 174 207 199	#AECFC7
33.3%	33.3% #97B3AC	RGB 151 179 172	#97B3AC
50.0%	50.0% #7F9791	RGB 127 151 145	#7F9791
66.7%	66.7% #677B76	RGB 103 123 118	#677B76
83.3%	83.3% #4F5F5B	RGB 79 95 91	#4F5F5B
100.0%	100.0% #384340	RGB 56 67 64	#384340

#C7ECE3 #AECFC7 #97B3AC #7F9791 #677B76 #4F5F5B #384340

#C7ECE3 - #7F9791 - #384340

CSS codes

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

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