#AFDFEE - #323F44 | 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 #AFDFEE to #323F44

#AFDFEE #323F44

Calculate the color between two colors, #AFDFEE and #323F44. 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)

#AFDFEE - #323F44 | 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 #AFDFEE as 0% and #323F44 as 100%.

0.0%	0.0% #AFDFEE	RGB 175 223 238	#AFDFEE
16.7%	16.7% #9AC4D1	RGB 154 196 209	#9AC4D1
33.3%	33.3% #85A9B5	RGB 133 169 181	#85A9B5
50.0%	50.0% #708F99	RGB 112 143 153	#708F99
66.7%	66.7% #5B747C	RGB 91 116 124	#5B747C
83.3%	83.3% #465960	RGB 70 89 96	#465960
100.0%	100.0% #323F44	RGB 50 63 68	#323F44

#AFDFEE #9AC4D1 #85A9B5 #708F99 #5B747C #465960 #323F44

#AFDFEE - #323F44

HSV Blend

#AFDFEE - #323F44 | 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 #AFDFEE as 0% and #323F44 as 100%.

0.0%	0.0% #AFDFEE	RGB 175 223 238	#AFDFEE
16.7%	16.7% #9AC4D1	RGB 154 196 209	#9AC4D1
33.3%	33.3% #85A9B5	RGB 133 169 181	#85A9B5
50.0%	50.0% #708E99	RGB 112 142 153	#708E99
66.7%	66.7% #5B737C	RGB 91 115 124	#5B737C
83.3%	83.3% #465960	RGB 70 89 96	#465960
100.0%	100.0% #323F44	RGB 50 63 68	#323F44

#AFDFEE #9AC4D1 #85A9B5 #708E99 #5B737C #465960 #323F44

#AFDFEE - #708E99 - #323F44

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFDFEE 0%, #708E99 50%, #323F44 100%);
    background: -webkit-linear-gradient(top, #AFDFEE 0%, #708E99 50%, #323F44 100%);
    background: linear-gradient(to bottom, #AFDFEE 0%, #708E99 50%, #323F44 100%);
}
</style>