#97929C - #B0ADE7 | 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 #97929C to #B0ADE7

#97929C #B0ADE7

Calculate the color between two colors, #97929C and #B0ADE7. 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)

#97929C - #B0ADE7 | 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 #97929C as 0% and #B0ADE7 as 100%.

0.0%	0.0% #97929C	RGB 151 146 156	#97929C
16.7%	16.7% #9B96A8	RGB 155 150 168	#9B96A8
33.3%	33.3% #9F9BB5	RGB 159 155 181	#9F9BB5
50.0%	50.0% #A39FC1	RGB 163 159 193	#A39FC1
66.7%	66.7% #A7A4CE	RGB 167 164 206	#A7A4CE
83.3%	83.3% #ABA8DA	RGB 171 168 218	#ABA8DA
100.0%	100.0% #B0ADE7	RGB 176 173 231	#B0ADE7

#97929C #9B96A8 #9F9BB5 #A39FC1 #A7A4CE #ABA8DA #B0ADE7

#97929C - #B0ADE7

HSV Blend

#97929C - #B0ADE7 | 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 #97929C as 0% and #B0ADE7 as 100%.

0.0%	0.0% #97929C	RGB 151 146 156	#97929C
16.7%	16.7% #9F98A8	RGB 159 152 168	#9F98A8
33.3%	33.3% #A69EB5	RGB 166 158 181	#A69EB5
50.0%	50.0% #ABA3C1	RGB 171 163 193	#ABA3C1
66.7%	66.7% #AEA7CE	RGB 174 167 206	#AEA7CE
83.3%	83.3% #B0AADA	RGB 176 170 218	#B0AADA
100.0%	100.0% #B0ADE7	RGB 176 173 231	#B0ADE7

#97929C #9F98A8 #A69EB5 #ABA3C1 #AEA7CE #B0AADA #B0ADE7

#97929C - #ABA3C1 - #B0ADE7

CSS codes

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

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