#6E5E68 - #D67AE6 | 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 #6E5E68 to #D67AE6

#6E5E68 #D67AE6

Calculate the color between two colors, #6E5E68 and #D67AE6. 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)

#6E5E68 - #D67AE6 | 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 #6E5E68 as 0% and #D67AE6 as 100%.

0.0%	0.0% #6E5E68	RGB 110 94 104	#6E5E68
16.7%	16.7% #7F627D	RGB 127 98 125	#7F627D
33.3%	33.3% #906792	RGB 144 103 146	#906792
50.0%	50.0% #A26CA7	RGB 162 108 167	#A26CA7
66.7%	66.7% #B370BC	RGB 179 112 188	#B370BC
83.3%	83.3% #C475D1	RGB 196 117 209	#C475D1
100.0%	100.0% #D67AE6	RGB 214 122 230	#D67AE6

#6E5E68 #7F627D #906792 #A26CA7 #B370BC #C475D1 #D67AE6

#6E5E68 - #D67AE6

HSV Blend

#6E5E68 - #D67AE6 | 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 #6E5E68 as 0% and #D67AE6 as 100%.

0.0%	0.0% #6E5E68	RGB 110 94 104	#6E5E68
16.7%	16.7% #82687A	RGB 130 104 122	#82687A
33.3%	33.3% #966F8E	RGB 150 111 142	#966F8E
50.0%	50.0% #AA75A4	RGB 170 117 164	#AA75A4
66.7%	66.7% #BE79BC	RGB 190 121 188	#BE79BC
83.3%	83.3% #CC7AD2	RGB 204 122 210	#CC7AD2
100.0%	100.0% #D67AE6	RGB 214 122 230	#D67AE6

#6E5E68 #82687A #966F8E #AA75A4 #BE79BC #CC7AD2 #D67AE6

#6E5E68 - #AA75A4 - #D67AE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E68 0%, #AA75A4 50%, #D67AE6 100%);
    background: -webkit-linear-gradient(top, #6E5E68 0%, #AA75A4 50%, #D67AE6 100%);
    background: linear-gradient(to bottom, #6E5E68 0%, #AA75A4 50%, #D67AE6 100%);
}
</style>