#DCABFF - #3E3048 | 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 #DCABFF to #3E3048

#DCABFF #3E3048

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

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

0.0%	0.0% #DCABFF	RGB 220 171 255	#DCABFF
16.7%	16.7% #C196E0	RGB 193 150 224	#C196E0
33.3%	33.3% #A782C2	RGB 167 130 194	#A782C2
50.0%	50.0% #8D6DA3	RGB 141 109 163	#8D6DA3
66.7%	66.7% #725984	RGB 114 89 132	#725984
83.3%	83.3% #584466	RGB 88 68 102	#584466
100.0%	100.0% #3E3048	RGB 62 48 72	#3E3048

#DCABFF #C196E0 #A782C2 #8D6DA3 #725984 #584466 #3E3048

#DCABFF - #3E3048

HSV Blend

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

0.0%	0.0% #DCABFF	RGB 220 171 255	#DCABFF
16.7%	16.7% #C196E0	RGB 193 150 224	#C196E0
33.3%	33.3% #A781C2	RGB 167 129 194	#A781C2
50.0%	50.0% #8C6DA3	RGB 140 109 163	#8C6DA3
66.7%	66.7% #725884	RGB 114 88 132	#725884
83.3%	83.3% #584466	RGB 88 68 102	#584466
100.0%	100.0% #3E3048	RGB 62 48 72	#3E3048

#DCABFF #C196E0 #A781C2 #8C6DA3 #725884 #584466 #3E3048

#DCABFF - #8C6DA3 - #3E3048

CSS codes

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

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