#C7E2F7 - #384046 | 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 #C7E2F7 to #384046

#C7E2F7 #384046

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

#C7E2F7 - #384046 | 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 #C7E2F7 as 0% and #384046 as 100%.

0.0%	0.0% #C7E2F7	RGB 199 226 247	#C7E2F7
16.7%	16.7% #AFC7D9	RGB 175 199 217	#AFC7D9
33.3%	33.3% #97ACBC	RGB 151 172 188	#97ACBC
50.0%	50.0% #7F919E	RGB 127 145 158	#7F919E
66.7%	66.7% #677681	RGB 103 118 129	#677681
83.3%	83.3% #4F5B63	RGB 79 91 99	#4F5B63
100.0%	100.0% #384046	RGB 56 64 70	#384046

#C7E2F7 #AFC7D9 #97ACBC #7F919E #677681 #4F5B63 #384046

#C7E2F7 - #384046

HSV Blend

#C7E2F7 - #384046 | 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 #C7E2F7 as 0% and #384046 as 100%.

0.0%	0.0% #C7E2F7	RGB 199 226 247	#C7E2F7
16.7%	16.7% #AFC6D9	RGB 175 198 217	#AFC6D9
33.3%	33.3% #97ABBC	RGB 151 171 188	#97ABBC
50.0%	50.0% #7F909E	RGB 127 144 158	#7F909E
66.7%	66.7% #677581	RGB 103 117 129	#677581
83.3%	83.3% #4F5A63	RGB 79 90 99	#4F5A63
100.0%	100.0% #384046	RGB 56 64 70	#384046

#C7E2F7 #AFC6D9 #97ABBC #7F909E #677581 #4F5A63 #384046

#C7E2F7 - #7F909E - #384046

CSS codes

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

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