#667E5E - #A99DB9 | 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 #667E5E to #A99DB9

#667E5E #A99DB9

Calculate the color between two colors, #667E5E and #A99DB9. 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)

#667E5E - #A99DB9 | 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 #667E5E as 0% and #A99DB9 as 100%.

0.0%	0.0% #667E5E	RGB 102 126 94	#667E5E
16.7%	16.7% #71836D	RGB 113 131 109	#71836D
33.3%	33.3% #7C887C	RGB 124 136 124	#7C887C
50.0%	50.0% #878D8B	RGB 135 141 139	#878D8B
66.7%	66.7% #92929A	RGB 146 146 154	#92929A
83.3%	83.3% #9D97A9	RGB 157 151 169	#9D97A9
100.0%	100.0% #A99DB9	RGB 169 157 185	#A99DB9

#667E5E #71836D #7C887C #878D8B #92929A #9D97A9 #A99DB9

#667E5E - #A99DB9

HSV Blend

#667E5E - #A99DB9 | 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 #667E5E as 0% and #A99DB9 as 100%.

0.0%	0.0% #667E5E	RGB 102 126 94	#667E5E
16.7%	16.7% #67876D	RGB 103 135 109	#67876D
33.3%	33.3% #719186	RGB 113 145 134	#719186
50.0%	50.0% #7B989B	RGB 123 152 155	#7B989B
66.7%	66.7% #8694A5	RGB 134 148 165	#8694A5
83.3%	83.3% #9192AF	RGB 145 146 175	#9192AF
100.0%	100.0% #A99DB9	RGB 169 157 185	#A99DB9

#667E5E #67876D #719186 #7B989B #8694A5 #9192AF #A99DB9

#667E5E - #7B989B - #A99DB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #667E5E 0%, #7B989B 50%, #A99DB9 100%);
    background: -webkit-linear-gradient(top, #667E5E 0%, #7B989B 50%, #A99DB9 100%);
    background: linear-gradient(to bottom, #667E5E 0%, #7B989B 50%, #A99DB9 100%);
}
</style>