#C5EFE6 - #384441 | 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 #C5EFE6 to #384441

#C5EFE6 #384441

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

#C5EFE6 - #384441 | 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 #C5EFE6 as 0% and #384441 as 100%.

0.0%	0.0% #C5EFE6	RGB 197 239 230	#C5EFE6
16.7%	16.7% #ADD2CA	RGB 173 210 202	#ADD2CA
33.3%	33.3% #96B6AF	RGB 150 182 175	#96B6AF
50.0%	50.0% #7E9993	RGB 126 153 147	#7E9993
66.7%	66.7% #677D78	RGB 103 125 120	#677D78
83.3%	83.3% #4F605C	RGB 79 96 92	#4F605C
100.0%	100.0% #384441	RGB 56 68 65	#384441

#C5EFE6 #ADD2CA #96B6AF #7E9993 #677D78 #4F605C #384441

#C5EFE6 - #384441

HSV Blend

#C5EFE6 - #384441 | 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 #C5EFE6 as 0% and #384441 as 100%.

0.0%	0.0% #C5EFE6	RGB 197 239 230	#C5EFE6
16.7%	16.7% #ADD2CA	RGB 173 210 202	#ADD2CA
33.3%	33.3% #95B6AE	RGB 149 182 174	#95B6AE
50.0%	50.0% #7E9993	RGB 126 153 147	#7E9993
66.7%	66.7% #667D77	RGB 102 125 119	#667D77
83.3%	83.3% #4F605C	RGB 79 96 92	#4F605C
100.0%	100.0% #384441	RGB 56 68 65	#384441

#C5EFE6 #ADD2CA #95B6AE #7E9993 #667D77 #4F605C #384441

#C5EFE6 - #7E9993 - #384441

CSS codes

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

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