#CEEEE7 - #3A4442 | 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 #CEEEE7 to #3A4442

#CEEEE7 #3A4442

Calculate the color between two colors, #CEEEE7 and #3A4442. 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)

#CEEEE7 - #3A4442 | 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 #CEEEE7 as 0% and #3A4442 as 100%.

0.0%	0.0% #CEEEE7	RGB 206 238 231	#CEEEE7
16.7%	16.7% #B5D1CB	RGB 181 209 203	#B5D1CB
33.3%	33.3% #9CB5B0	RGB 156 181 176	#9CB5B0
50.0%	50.0% #849994	RGB 132 153 148	#849994
66.7%	66.7% #6B7C79	RGB 107 124 121	#6B7C79
83.3%	83.3% #52605D	RGB 82 96 93	#52605D
100.0%	100.0% #3A4442	RGB 58 68 66	#3A4442

#CEEEE7 #B5D1CB #9CB5B0 #849994 #6B7C79 #52605D #3A4442

#CEEEE7 - #3A4442

HSV Blend

#CEEEE7 - #3A4442 | 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 #CEEEE7 as 0% and #3A4442 as 100%.

0.0%	0.0% #CEEEE7	RGB 206 238 231	#CEEEE7
16.7%	16.7% #B5D1CB	RGB 181 209 203	#B5D1CB
33.3%	33.3% #9CB5AF	RGB 156 181 175	#9CB5AF
50.0%	50.0% #839994	RGB 131 153 148	#839994
66.7%	66.7% #6A7C78	RGB 106 124 120	#6A7C78
83.3%	83.3% #52605D	RGB 82 96 93	#52605D
100.0%	100.0% #3A4442	RGB 58 68 66	#3A4442

#CEEEE7 #B5D1CB #9CB5AF #839994 #6A7C78 #52605D #3A4442

#CEEEE7 - #839994 - #3A4442

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEEEE7 0%, #839994 50%, #3A4442 100%);
    background: -webkit-linear-gradient(top, #CEEEE7 0%, #839994 50%, #3A4442 100%);
    background: linear-gradient(to bottom, #CEEEE7 0%, #839994 50%, #3A4442 100%);
}
</style>