#5E6A5E - #BD8DBB | 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 #5E6A5E to #BD8DBB

#5E6A5E #BD8DBB

Calculate the color between two colors, #5E6A5E and #BD8DBB. 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)

#5E6A5E - #BD8DBB | 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 #5E6A5E as 0% and #BD8DBB as 100%.

0.0%	0.0% #5E6A5E	RGB 94 106 94	#5E6A5E
16.7%	16.7% #6D6F6D	RGB 109 111 109	#6D6F6D
33.3%	33.3% #7D757D	RGB 125 117 125	#7D757D
50.0%	50.0% #8D7B8C	RGB 141 123 140	#8D7B8C
66.7%	66.7% #9D819C	RGB 157 129 156	#9D819C
83.3%	83.3% #AD87AB	RGB 173 135 171	#AD87AB
100.0%	100.0% #BD8DBB	RGB 189 141 187	#BD8DBB

#5E6A5E #6D6F6D #7D757D #8D7B8C #9D819C #AD87AB #BD8DBB

#5E6A5E - #BD8DBB

HSV Blend

#5E6A5E - #BD8DBB | 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 #5E6A5E as 0% and #BD8DBB as 100%.

0.0%	0.0% #5E6A5E	RGB 94 106 94	#5E6A5E
16.7%	16.7% #6F7767	RGB 111 119 103	#6F7767
33.3%	33.3% #858570	RGB 133 133 112	#858570
50.0%	50.0% #938678	RGB 147 134 120	#938678
66.7%	66.7% #A1807F	RGB 161 128 127	#A1807F
83.3%	83.3% #AF8699	RGB 175 134 153	#AF8699
100.0%	100.0% #BD8DBB	RGB 189 141 187	#BD8DBB

#5E6A5E #6F7767 #858570 #938678 #A1807F #AF8699 #BD8DBB

#5E6A5E - #938678 - #BD8DBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6A5E 0%, #938678 50%, #BD8DBB 100%);
    background: -webkit-linear-gradient(top, #5E6A5E 0%, #938678 50%, #BD8DBB 100%);
    background: linear-gradient(to bottom, #5E6A5E 0%, #938678 50%, #BD8DBB 100%);
}
</style>