#DB8ECD - #3E2839 | 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 #DB8ECD to #3E2839

#DB8ECD #3E2839

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

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

0.0%	0.0% #DB8ECD	RGB 219 142 205	#DB8ECD
16.7%	16.7% #C07DB4	RGB 192 125 180	#C07DB4
33.3%	33.3% #A66C9B	RGB 166 108 155	#A66C9B
50.0%	50.0% #8C5B83	RGB 140 91 131	#8C5B83
66.7%	66.7% #724A6A	RGB 114 74 106	#724A6A
83.3%	83.3% #583951	RGB 88 57 81	#583951
100.0%	100.0% #3E2839	RGB 62 40 57	#3E2839

#DB8ECD #C07DB4 #A66C9B #8C5B83 #724A6A #583951 #3E2839

#DB8ECD - #3E2839

HSV Blend

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

0.0%	0.0% #DB8ECD	RGB 219 142 205	#DB8ECD
16.7%	16.7% #C07CB3	RGB 192 124 179	#C07CB3
33.3%	33.3% #A66B9B	RGB 166 107 155	#A66B9B
50.0%	50.0% #8C5A82	RGB 140 90 130	#8C5A82
66.7%	66.7% #724969	RGB 114 73 105	#724969
83.3%	83.3% #583851	RGB 88 56 81	#583851
100.0%	100.0% #3E2839	RGB 62 40 57	#3E2839

#DB8ECD #C07CB3 #A66B9B #8C5A82 #724969 #583851 #3E2839

#DB8ECD - #8C5A82 - #3E2839

CSS codes

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

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