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

#DBB8C6 #3E3438

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

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

0.0%	0.0% #DBB8C6	RGB 219 184 198	#DBB8C6
16.7%	16.7% #C0A2AE	RGB 192 162 174	#C0A2AE
33.3%	33.3% #A68C96	RGB 166 140 150	#A68C96
50.0%	50.0% #8C767F	RGB 140 118 127	#8C767F
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

#DBB8C6 #C0A2AE #A68C96 #8C767F #726067 #584A4F #3E3438

#DBB8C6 - #3E3438

HSV Blend

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

0.0%	0.0% #DBB8C6	RGB 219 184 198	#DBB8C6
16.7%	16.7% #C0A1AE	RGB 192 161 174	#C0A1AE
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

#DBB8C6 #C0A1AE #A68B96 #8C757E #725F67 #58494F #3E3438

#DBB8C6 - #8C757E - #3E3438

CSS codes

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

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