#ADABC3 - #694B7B | 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 #ADABC3 to #694B7B

#ADABC3 #694B7B

Calculate the color between two colors, #ADABC3 and #694B7B. 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)

#ADABC3 - #694B7B | 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 #ADABC3 as 0% and #694B7B as 100%.

0.0%	0.0% #ADABC3	RGB 173 171 195	#ADABC3
16.7%	16.7% #A19BB7	RGB 161 155 183	#A19BB7
33.3%	33.3% #968BAB	RGB 150 139 171	#968BAB
50.0%	50.0% #8B7B9F	RGB 139 123 159	#8B7B9F
66.7%	66.7% #7F6B93	RGB 127 107 147	#7F6B93
83.3%	83.3% #745B87	RGB 116 91 135	#745B87
100.0%	100.0% #694B7B	RGB 105 75 123	#694B7B

#ADABC3 #A19BB7 #968BAB #8B7B9F #7F6B93 #745B87 #694B7B

#ADABC3 - #694B7B

HSV Blend

#ADABC3 - #694B7B | 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 #ADABC3 as 0% and #694B7B as 100%.

0.0%	0.0% #ADABC3	RGB 173 171 195	#ADABC3
16.7%	16.7% #9D98B7	RGB 157 152 183	#9D98B7
33.3%	33.3% #9086AB	RGB 144 134 171	#9086AB
50.0%	50.0% #84769F	RGB 132 118 159	#84769F
66.7%	66.7% #7A6693	RGB 122 102 147	#7A6693
83.3%	83.3% #715887	RGB 113 88 135	#715887
100.0%	100.0% #694B7B	RGB 105 75 123	#694B7B

#ADABC3 #9D98B7 #9086AB #84769F #7A6693 #715887 #694B7B

#ADABC3 - #84769F - #694B7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADABC3 0%, #84769F 50%, #694B7B 100%);
    background: -webkit-linear-gradient(top, #ADABC3 0%, #84769F 50%, #694B7B 100%);
    background: linear-gradient(to bottom, #ADABC3 0%, #84769F 50%, #694B7B 100%);
}
</style>