#CDF2ED - #3A4543 | 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 #CDF2ED to #3A4543

#CDF2ED #3A4543

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

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

0.0%	0.0% #CDF2ED	RGB 205 242 237	#CDF2ED
16.7%	16.7% #B4D5D0	RGB 180 213 208	#B4D5D0
33.3%	33.3% #9CB8B4	RGB 156 184 180	#9CB8B4
50.0%	50.0% #839B98	RGB 131 155 152	#839B98
66.7%	66.7% #6B7E7B	RGB 107 126 123	#6B7E7B
83.3%	83.3% #52615F	RGB 82 97 95	#52615F
100.0%	100.0% #3A4543	RGB 58 69 67	#3A4543

#CDF2ED #B4D5D0 #9CB8B4 #839B98 #6B7E7B #52615F #3A4543

#CDF2ED - #3A4543

HSV Blend

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

0.0%	0.0% #CDF2ED	RGB 205 242 237	#CDF2ED
16.7%	16.7% #B4D5D0	RGB 180 213 208	#B4D5D0
33.3%	33.3% #9BB8B4	RGB 155 184 180	#9BB8B4
50.0%	50.0% #839B97	RGB 131 155 151	#839B97
66.7%	66.7% #6A7E7B	RGB 106 126 123	#6A7E7B
83.3%	83.3% #52615F	RGB 82 97 95	#52615F
100.0%	100.0% #3A4543	RGB 58 69 67	#3A4543

#CDF2ED #B4D5D0 #9BB8B4 #839B97 #6A7E7B #52615F #3A4543

#CDF2ED - #839B97 - #3A4543

CSS codes

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

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