#DBB8C5 - #3E3438 | 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 #DBB8C5 to #3E3438

#DBB8C5 #3E3438

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

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

0.0%	0.0% #DBB8C5	RGB 219 184 197	#DBB8C5
16.7%	16.7% #C0A2AD	RGB 192 162 173	#C0A2AD
33.3%	33.3% #A68C96	RGB 166 140 150	#A68C96
50.0%	50.0% #8C767E	RGB 140 118 126	#8C767E
66.7%	66.7% #726067	RGB 114 96 103	#726067
83.3%	83.3% #584A4F	RGB 88 74 79	#584A4F
100.0%	100.0% #3E3438	RGB 62 52 56	#3E3438

#DBB8C5 #C0A2AD #A68C96 #8C767E #726067 #584A4F #3E3438

#DBB8C5 - #3E3438

HSV Blend

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

0.0%	0.0% #DBB8C5	RGB 219 184 197	#DBB8C5
16.7%	16.7% #C0A1AD	RGB 192 161 173	#C0A1AD
33.3%	33.3% #A68B96	RGB 166 139 150	#A68B96
50.0%	50.0% #8C757E	RGB 140 117 126	#8C757E
66.7%	66.7% #725F67	RGB 114 95 103	#725F67
83.3%	83.3% #58494F	RGB 88 73 79	#58494F
100.0%	100.0% #3E3438	RGB 62 52 56	#3E3438

#DBB8C5 #C0A1AD #A68B96 #8C757E #725F67 #58494F #3E3438

#DBB8C5 - #8C757E - #3E3438

CSS codes

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

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