#DDEDDF - #3F433F | 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 #DDEDDF to #3F433F

#DDEDDF #3F433F

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

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

0.0%	0.0% #DDEDDF	RGB 221 237 223	#DDEDDF
16.7%	16.7% #C2D0C4	RGB 194 208 196	#C2D0C4
33.3%	33.3% #A8B4A9	RGB 168 180 169	#A8B4A9
50.0%	50.0% #8E988F	RGB 142 152 143	#8E988F
66.7%	66.7% #737B74	RGB 115 123 116	#737B74
83.3%	83.3% #595F59	RGB 89 95 89	#595F59
100.0%	100.0% #3F433F	RGB 63 67 63	#3F433F

#DDEDDF #C2D0C4 #A8B4A9 #8E988F #737B74 #595F59 #3F433F

#DDEDDF - #3F433F

HSV Blend

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

0.0%	0.0% #DDEDDF	RGB 221 237 223	#DDEDDF
16.7%	16.7% #C2D0C4	RGB 194 208 196	#C2D0C4
33.3%	33.3% #A8B4A9	RGB 168 180 169	#A8B4A9
50.0%	50.0% #8E988E	RGB 142 152 142	#8E988E
66.7%	66.7% #737B74	RGB 115 123 116	#737B74
83.3%	83.3% #595F59	RGB 89 95 89	#595F59
100.0%	100.0% #3F433F	RGB 63 67 63	#3F433F

#DDEDDF #C2D0C4 #A8B4A9 #8E988E #737B74 #595F59 #3F433F

#DDEDDF - #8E988E - #3F433F

CSS codes

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

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