#DBADE7 - #3D3142 | 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 #DBADE7 to #3D3142

#DBADE7 #3D3142

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

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

0.0%	0.0% #DBADE7	RGB 219 173 231	#DBADE7
16.7%	16.7% #C098CB	RGB 192 152 203	#C098CB
33.3%	33.3% #A683B0	RGB 166 131 176	#A683B0
50.0%	50.0% #8C6F94	RGB 140 111 148	#8C6F94
66.7%	66.7% #715A79	RGB 113 90 121	#715A79
83.3%	83.3% #57455D	RGB 87 69 93	#57455D
100.0%	100.0% #3D3142	RGB 61 49 66	#3D3142

#DBADE7 #C098CB #A683B0 #8C6F94 #715A79 #57455D #3D3142

#DBADE7 - #3D3142

HSV Blend

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

0.0%	0.0% #DBADE7	RGB 219 173 231	#DBADE7
16.7%	16.7% #C098CB	RGB 192 152 203	#C098CB
33.3%	33.3% #A583B0	RGB 165 131 176	#A583B0
50.0%	50.0% #8B6E94	RGB 139 110 148	#8B6E94
66.7%	66.7% #705A79	RGB 112 90 121	#705A79
83.3%	83.3% #56455D	RGB 86 69 93	#56455D
100.0%	100.0% #3D3142	RGB 61 49 66	#3D3142

#DBADE7 #C098CB #A583B0 #8B6E94 #705A79 #56455D #3D3142

#DBADE7 - #8B6E94 - #3D3142

CSS codes

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

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