#D59FD6 - #3C2D3D | 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 #D59FD6 to #3C2D3D

#D59FD6 #3C2D3D

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

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

0.0%	0.0% #D59FD6	RGB 213 159 214	#D59FD6
16.7%	16.7% #BB8CBC	RGB 187 140 188	#BB8CBC
33.3%	33.3% #A279A3	RGB 162 121 163	#A279A3
50.0%	50.0% #886689	RGB 136 102 137	#886689
66.7%	66.7% #6F5370	RGB 111 83 112	#6F5370
83.3%	83.3% #554056	RGB 85 64 86	#554056
100.0%	100.0% #3C2D3D	RGB 60 45 61	#3C2D3D

#D59FD6 #BB8CBC #A279A3 #886689 #6F5370 #554056 #3C2D3D

#D59FD6 - #3C2D3D

HSV Blend

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

0.0%	0.0% #D59FD6	RGB 213 159 214	#D59FD6
16.7%	16.7% #BB8BBC	RGB 187 139 188	#BB8BBC
33.3%	33.3% #A178A3	RGB 161 120 163	#A178A3
50.0%	50.0% #886589	RGB 136 101 137	#886589
66.7%	66.7% #6E5270	RGB 110 82 112	#6E5270
83.3%	83.3% #553F56	RGB 85 63 86	#553F56
100.0%	100.0% #3C2D3D	RGB 60 45 61	#3C2D3D

#D59FD6 #BB8BBC #A178A3 #886589 #6E5270 #553F56 #3C2D3D

#D59FD6 - #886589 - #3C2D3D

CSS codes

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

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