#AFC7D7 - #32383D | 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 #AFC7D7 to #32383D

#AFC7D7 #32383D

Calculate the color between two colors, #AFC7D7 and #32383D. 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)

#AFC7D7 - #32383D | 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 #AFC7D7 as 0% and #32383D as 100%.

0.0%	0.0% #AFC7D7	RGB 175 199 215	#AFC7D7
16.7%	16.7% #9AAFBD	RGB 154 175 189	#9AAFBD
33.3%	33.3% #8597A3	RGB 133 151 163	#8597A3
50.0%	50.0% #707F8A	RGB 112 127 138	#707F8A
66.7%	66.7% #5B6770	RGB 91 103 112	#5B6770
83.3%	83.3% #464F56	RGB 70 79 86	#464F56
100.0%	100.0% #32383D	RGB 50 56 61	#32383D

#AFC7D7 #9AAFBD #8597A3 #707F8A #5B6770 #464F56 #32383D

#AFC7D7 - #32383D

HSV Blend

#AFC7D7 - #32383D | 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 #AFC7D7 as 0% and #32383D as 100%.

0.0%	0.0% #AFC7D7	RGB 175 199 215	#AFC7D7
16.7%	16.7% #9AAEBD	RGB 154 174 189	#9AAEBD
33.3%	33.3% #8597A3	RGB 133 151 163	#8597A3
50.0%	50.0% #707F8A	RGB 112 127 138	#707F8A
66.7%	66.7% #5B6770	RGB 91 103 112	#5B6770
83.3%	83.3% #464F56	RGB 70 79 86	#464F56
100.0%	100.0% #32383D	RGB 50 56 61	#32383D

#AFC7D7 #9AAEBD #8597A3 #707F8A #5B6770 #464F56 #32383D

#AFC7D7 - #707F8A - #32383D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFC7D7 0%, #707F8A 50%, #32383D 100%);
    background: -webkit-linear-gradient(top, #AFC7D7 0%, #707F8A 50%, #32383D 100%);
    background: linear-gradient(to bottom, #AFC7D7 0%, #707F8A 50%, #32383D 100%);
}
</style>