#9694AA - #A8D4BC | 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 #9694AA to #A8D4BC

#9694AA #A8D4BC

Calculate the color between two colors, #9694AA and #A8D4BC. 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)

#9694AA - #A8D4BC | 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 #9694AA as 0% and #A8D4BC as 100%.

0.0%	0.0% #9694AA	RGB 150 148 170	#9694AA
16.7%	16.7% #999EAD	RGB 153 158 173	#999EAD
33.3%	33.3% #9CA9B0	RGB 156 169 176	#9CA9B0
50.0%	50.0% #9FB4B3	RGB 159 180 179	#9FB4B3
66.7%	66.7% #A2BEB6	RGB 162 190 182	#A2BEB6
83.3%	83.3% #A5C9B9	RGB 165 201 185	#A5C9B9
100.0%	100.0% #A8D4BC	RGB 168 212 188	#A8D4BC

#9694AA #999EAD #9CA9B0 #9FB4B3 #A2BEB6 #A5C9B9 #A8D4BC

#9694AA - #A8D4BC

HSV Blend

#9694AA - #A8D4BC | 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 #9694AA as 0% and #A8D4BC as 100%.

0.0%	0.0% #9694AA	RGB 150 148 170	#9694AA
16.7%	16.7% #979CB1	RGB 151 156 177	#979CB1
33.3%	33.3% #9BA8B8	RGB 155 168 184	#9BA8B8
50.0%	50.0% #9EB6BF	RGB 158 182 191	#9EB6BF
66.7%	66.7% #A2C6C6	RGB 162 198 198	#A2C6C6
83.3%	83.3% #A5CDC2	RGB 165 205 194	#A5CDC2
100.0%	100.0% #A8D4BC	RGB 168 212 188	#A8D4BC

#9694AA #979CB1 #9BA8B8 #9EB6BF #A2C6C6 #A5CDC2 #A8D4BC

#9694AA - #9EB6BF - #A8D4BC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9694AA 0%, #9EB6BF 50%, #A8D4BC 100%);
    background: -webkit-linear-gradient(top, #9694AA 0%, #9EB6BF 50%, #A8D4BC 100%);
    background: linear-gradient(to bottom, #9694AA 0%, #9EB6BF 50%, #A8D4BC 100%);
}
</style>