#CDF3F0 - #3A4544 | 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 #CDF3F0 to #3A4544

#CDF3F0 #3A4544

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

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

0.0%	0.0% #CDF3F0	RGB 205 243 240	#CDF3F0
16.7%	16.7% #B4D6D3	RGB 180 214 211	#B4D6D3
33.3%	33.3% #9CB9B6	RGB 156 185 182	#9CB9B6
50.0%	50.0% #839C9A	RGB 131 156 154	#839C9A
66.7%	66.7% #6B7F7D	RGB 107 127 125	#6B7F7D
83.3%	83.3% #526260	RGB 82 98 96	#526260
100.0%	100.0% #3A4544	RGB 58 69 68	#3A4544

#CDF3F0 #B4D6D3 #9CB9B6 #839C9A #6B7F7D #526260 #3A4544

#CDF3F0 - #3A4544

HSV Blend

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

0.0%	0.0% #CDF3F0	RGB 205 243 240	#CDF3F0
16.7%	16.7% #B4D6D3	RGB 180 214 211	#B4D6D3
33.3%	33.3% #9BB9B6	RGB 155 185 182	#9BB9B6
50.0%	50.0% #839C99	RGB 131 156 153	#839C99
66.7%	66.7% #6A7F7D	RGB 106 127 125	#6A7F7D
83.3%	83.3% #526260	RGB 82 98 96	#526260
100.0%	100.0% #3A4544	RGB 58 69 68	#3A4544

#CDF3F0 #B4D6D3 #9BB9B6 #839C99 #6A7F7D #526260 #3A4544

#CDF3F0 - #839C99 - #3A4544

CSS codes

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

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