#D9F1ED - #3E4442 | 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 #D9F1ED to #3E4442

#D9F1ED #3E4442

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

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

0.0%	0.0% #D9F1ED	RGB 217 241 237	#D9F1ED
16.7%	16.7% #BFD4D0	RGB 191 212 208	#BFD4D0
33.3%	33.3% #A5B7B4	RGB 165 183 180	#A5B7B4
50.0%	50.0% #8B9A97	RGB 139 154 151	#8B9A97
66.7%	66.7% #717D7B	RGB 113 125 123	#717D7B
83.3%	83.3% #57605E	RGB 87 96 94	#57605E
100.0%	100.0% #3E4442	RGB 62 68 66	#3E4442

#D9F1ED #BFD4D0 #A5B7B4 #8B9A97 #717D7B #57605E #3E4442

#D9F1ED - #3E4442

HSV Blend

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

0.0%	0.0% #D9F1ED	RGB 217 241 237	#D9F1ED
16.7%	16.7% #BFD4D0	RGB 191 212 208	#BFD4D0
33.3%	33.3% #A5B7B3	RGB 165 183 179	#A5B7B3
50.0%	50.0% #8B9A96	RGB 139 154 150	#8B9A96
66.7%	66.7% #727D7A	RGB 114 125 122	#727D7A
83.3%	83.3% #58605E	RGB 88 96 94	#58605E
100.0%	100.0% #3E4442	RGB 62 68 66	#3E4442

#D9F1ED #BFD4D0 #A5B7B3 #8B9A96 #727D7A #58605E #3E4442

#D9F1ED - #8B9A96 - #3E4442

CSS codes

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

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