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

#DDABFF #3E3048

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

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

0.0%	0.0% #DDABFF	RGB 221 171 255	#DDABFF
16.7%	16.7% #C296E0	RGB 194 150 224	#C296E0
33.3%	33.3% #A882C2	RGB 168 130 194	#A882C2
50.0%	50.0% #8D6DA3	RGB 141 109 163	#8D6DA3
66.7%	66.7% #735984	RGB 115 89 132	#735984
83.3%	83.3% #584466	RGB 88 68 102	#584466
100.0%	100.0% #3E3048	RGB 62 48 72	#3E3048

#DDABFF #C296E0 #A882C2 #8D6DA3 #735984 #584466 #3E3048

#DDABFF - #3E3048

HSV Blend

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

0.0%	0.0% #DDABFF	RGB 221 171 255	#DDABFF
16.7%	16.7% #C296E0	RGB 194 150 224	#C296E0
33.3%	33.3% #A781C2	RGB 167 129 194	#A781C2
50.0%	50.0% #8D6DA3	RGB 141 109 163	#8D6DA3
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

#DDABFF #C296E0 #A781C2 #8D6DA3 #725884 #584466 #3E3048

#DDABFF - #8D6DA3 - #3E3048

CSS codes

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

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