#C7E5EE - #384244 | 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 #C7E5EE to #384244

#C7E5EE #384244

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

#C7E5EE - #384244 | 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 #C7E5EE as 0% and #384244 as 100%.

0.0%	0.0% #C7E5EE	RGB 199 229 238	#C7E5EE
16.7%	16.7% #AFC9D1	RGB 175 201 209	#AFC9D1
33.3%	33.3% #97AEB5	RGB 151 174 181	#97AEB5
50.0%	50.0% #7F9399	RGB 127 147 153	#7F9399
66.7%	66.7% #67787C	RGB 103 120 124	#67787C
83.3%	83.3% #4F5D60	RGB 79 93 96	#4F5D60
100.0%	100.0% #384244	RGB 56 66 68	#384244

#C7E5EE #AFC9D1 #97AEB5 #7F9399 #67787C #4F5D60 #384244

#C7E5EE - #384244

HSV Blend

#C7E5EE - #384244 | 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 #C7E5EE as 0% and #384244 as 100%.

0.0%	0.0% #C7E5EE	RGB 199 229 238	#C7E5EE
16.7%	16.7% #AECAD1	RGB 174 202 209	#AECAD1
33.3%	33.3% #96AEB5	RGB 150 174 181	#96AEB5
50.0%	50.0% #7E9399	RGB 126 147 153	#7E9399
66.7%	66.7% #67787C	RGB 103 120 124	#67787C
83.3%	83.3% #4F5D60	RGB 79 93 96	#4F5D60
100.0%	100.0% #384244	RGB 56 66 68	#384244

#C7E5EE #AECAD1 #96AEB5 #7E9399 #67787C #4F5D60 #384244

#C7E5EE - #7E9399 - #384244

CSS codes

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

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