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

#DCEFEB #3E4442

Calculate the color between two colors, #DCEFEB 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)

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

0.0%	0.0% #DCEFEB	RGB 220 239 235	#DCEFEB
16.7%	16.7% #C1D2CE	RGB 193 210 206	#C1D2CE
33.3%	33.3% #A7B6B2	RGB 167 182 178	#A7B6B2
50.0%	50.0% #8D9996	RGB 141 153 150	#8D9996
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

#DCEFEB #C1D2CE #A7B6B2 #8D9996 #727D7A #58605E #3E4442

#DCEFEB - #3E4442

HSV Blend

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

0.0%	0.0% #DCEFEB	RGB 220 239 235	#DCEFEB
16.7%	16.7% #C1D2CE	RGB 193 210 206	#C1D2CE
33.3%	33.3% #A7B6B2	RGB 167 182 178	#A7B6B2
50.0%	50.0% #8C9995	RGB 140 153 149	#8C9995
66.7%	66.7% #727D79	RGB 114 125 121	#727D79
83.3%	83.3% #58605D	RGB 88 96 93	#58605D
100.0%	100.0% #3E4442	RGB 62 68 66	#3E4442

#DCEFEB #C1D2CE #A7B6B2 #8C9995 #727D79 #58605D #3E4442

#DCEFEB - #8C9995 - #3E4442

CSS codes

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

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