#C5E6EC - #384143 | 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 #C5E6EC to #384143

#C5E6EC #384143

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

#C5E6EC - #384143 | 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 #C5E6EC as 0% and #384143 as 100%.

0.0%	0.0% #C5E6EC	RGB 197 230 236	#C5E6EC
16.7%	16.7% #ADCACF	RGB 173 202 207	#ADCACF
33.3%	33.3% #96AFB3	RGB 150 175 179	#96AFB3
50.0%	50.0% #7E9397	RGB 126 147 151	#7E9397
66.7%	66.7% #67787B	RGB 103 120 123	#67787B
83.3%	83.3% #4F5C5F	RGB 79 92 95	#4F5C5F
100.0%	100.0% #384143	RGB 56 65 67	#384143

#C5E6EC #ADCACF #96AFB3 #7E9397 #67787B #4F5C5F #384143

#C5E6EC - #384143

HSV Blend

#C5E6EC - #384143 | 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 #C5E6EC as 0% and #384143 as 100%.

0.0%	0.0% #C5E6EC	RGB 197 230 236	#C5E6EC
16.7%	16.7% #ADCACF	RGB 173 202 207	#ADCACF
33.3%	33.3% #96AEB3	RGB 150 174 179	#96AEB3
50.0%	50.0% #7E9397	RGB 126 147 151	#7E9397
66.7%	66.7% #67777B	RGB 103 119 123	#67777B
83.3%	83.3% #4F5C5F	RGB 79 92 95	#4F5C5F
100.0%	100.0% #384143	RGB 56 65 67	#384143

#C5E6EC #ADCACF #96AEB3 #7E9397 #67777B #4F5C5F #384143

#C5E6EC - #7E9397 - #384143

CSS codes

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

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