#999692 - #A8CAD9 | 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 #999692 to #A8CAD9

#999692 #A8CAD9

Calculate the color between two colors, #999692 and #A8CAD9. 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)

#999692 - #A8CAD9 | 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 #999692 as 0% and #A8CAD9 as 100%.

0.0%	0.0% #999692	RGB 153 150 146	#999692
16.7%	16.7% #9B9E9D	RGB 155 158 157	#9B9E9D
33.3%	33.3% #9EA7A9	RGB 158 167 169	#9EA7A9
50.0%	50.0% #A0B0B5	RGB 160 176 181	#A0B0B5
66.7%	66.7% #A3B8C1	RGB 163 184 193	#A3B8C1
83.3%	83.3% #A5C1CD	RGB 165 193 205	#A5C1CD
100.0%	100.0% #A8CAD9	RGB 168 202 217	#A8CAD9

#999692 #9B9E9D #9EA7A9 #A0B0B5 #A3B8C1 #A5C1CD #A8CAD9

#999692 - #A8CAD9

HSV Blend

#999692 - #A8CAD9 | 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 #999692 as 0% and #A8CAD9 as 100%.

0.0%	0.0% #999692	RGB 153 150 146	#999692
16.7%	16.7% #A3A397	RGB 163 163 151	#A3A397
33.3%	33.3% #A5AE9B	RGB 165 174 155	#A5AE9B
50.0%	50.0% #A1B99F	RGB 161 185 159	#A1B99F
66.7%	66.7% #A3C3B0	RGB 163 195 176	#A3C3B0
83.3%	83.3% #A5CEC8	RGB 165 206 200	#A5CEC8
100.0%	100.0% #A8CAD9	RGB 168 202 217	#A8CAD9

#999692 #A3A397 #A5AE9B #A1B99F #A3C3B0 #A5CEC8 #A8CAD9

#999692 - #A1B99F - #A8CAD9

CSS codes

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

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