#D6A7FF - #3D2F48 | 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 #D6A7FF to #3D2F48

#D6A7FF #3D2F48

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

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

0.0%	0.0% #D6A7FF	RGB 214 167 255	#D6A7FF
16.7%	16.7% #BC93E0	RGB 188 147 224	#BC93E0
33.3%	33.3% #A37FC2	RGB 163 127 194	#A37FC2
50.0%	50.0% #896BA3	RGB 137 107 163	#896BA3
66.7%	66.7% #705784	RGB 112 87 132	#705784
83.3%	83.3% #564366	RGB 86 67 102	#564366
100.0%	100.0% #3D2F48	RGB 61 47 72	#3D2F48

#D6A7FF #BC93E0 #A37FC2 #896BA3 #705784 #564366 #3D2F48

#D6A7FF - #3D2F48

HSV Blend

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

0.0%	0.0% #D6A7FF	RGB 214 167 255	#D6A7FF
16.7%	16.7% #BC92E0	RGB 188 146 224	#BC92E0
33.3%	33.3% #A37EC2	RGB 163 126 194	#A37EC2
50.0%	50.0% #896AA3	RGB 137 106 163	#896AA3
66.7%	66.7% #705684	RGB 112 86 132	#705684
83.3%	83.3% #564266	RGB 86 66 102	#564266
100.0%	100.0% #3D2F48	RGB 61 47 72	#3D2F48

#D6A7FF #BC92E0 #A37EC2 #896AA3 #705684 #564266 #3D2F48

#D6A7FF - #896AA3 - #3D2F48

CSS codes

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

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