#9F9FAB - #AFCFFF | 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 #9F9FAB to #AFCFFF

#9F9FAB #AFCFFF

Calculate the color between two colors, #9F9FAB and #AFCFFF. 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)

#9F9FAB - #AFCFFF | 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 #9F9FAB as 0% and #AFCFFF as 100%.

0.0%	0.0% #9F9FAB	RGB 159 159 171	#9F9FAB
16.7%	16.7% #A1A7B9	RGB 161 167 185	#A1A7B9
33.3%	33.3% #A4AFC7	RGB 164 175 199	#A4AFC7
50.0%	50.0% #A7B7D5	RGB 167 183 213	#A7B7D5
66.7%	66.7% #A9BFE3	RGB 169 191 227	#A9BFE3
83.3%	83.3% #ACC7F1	RGB 172 199 241	#ACC7F1
100.0%	100.0% #AFCFFF	RGB 175 207 255	#AFCFFF

#9F9FAB #A1A7B9 #A4AFC7 #A7B7D5 #A9BFE3 #ACC7F1 #AFCFFF

#9F9FAB - #AFCFFF

HSV Blend

#9F9FAB - #AFCFFF | 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 #9F9FAB as 0% and #AFCFFF as 100%.

0.0%	0.0% #9F9FAB	RGB 159 159 171	#9F9FAB
16.7%	16.7% #A4A5B9	RGB 164 165 185	#A4A5B9
33.3%	33.3% #A8ACC7	RGB 168 172 199	#A8ACC7
50.0%	50.0% #ACB4D5	RGB 172 180 213	#ACB4D5
66.7%	66.7% #AEBCE3	RGB 174 188 227	#AEBCE3
83.3%	83.3% #AFC5F1	RGB 175 197 241	#AFC5F1
100.0%	100.0% #AFCFFF	RGB 175 207 255	#AFCFFF

#9F9FAB #A4A5B9 #A8ACC7 #ACB4D5 #AEBCE3 #AFC5F1 #AFCFFF

#9F9FAB - #ACB4D5 - #AFCFFF

CSS codes

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

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