#A8D1EB - #303B43 | 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 #A8D1EB to #303B43

#A8D1EB #303B43

Calculate the color between two colors, #A8D1EB and #303B43. 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)

#A8D1EB - #303B43 | 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 #A8D1EB as 0% and #303B43 as 100%.

0.0%	0.0% #A8D1EB	RGB 168 209 235	#A8D1EB
16.7%	16.7% #94B8CF	RGB 148 184 207	#94B8CF
33.3%	33.3% #809FB3	RGB 128 159 179	#809FB3
50.0%	50.0% #6C8697	RGB 108 134 151	#6C8697
66.7%	66.7% #586D7B	RGB 88 109 123	#586D7B
83.3%	83.3% #44545F	RGB 68 84 95	#44545F
100.0%	100.0% #303B43	RGB 48 59 67	#303B43

#A8D1EB #94B8CF #809FB3 #6C8697 #586D7B #44545F #303B43

#A8D1EB - #303B43

HSV Blend

#A8D1EB - #303B43 | 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 #A8D1EB as 0% and #303B43 as 100%.

0.0%	0.0% #A8D1EB	RGB 168 209 235	#A8D1EB
16.7%	16.7% #94B7CF	RGB 148 183 207	#94B7CF
33.3%	33.3% #809EB3	RGB 128 158 179	#809EB3
50.0%	50.0% #6C8597	RGB 108 133 151	#6C8597
66.7%	66.7% #586C7B	RGB 88 108 123	#586C7B
83.3%	83.3% #44535F	RGB 68 83 95	#44535F
100.0%	100.0% #303B43	RGB 48 59 67	#303B43

#A8D1EB #94B7CF #809EB3 #6C8597 #586C7B #44535F #303B43

#A8D1EB - #6C8597 - #303B43

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D1EB 0%, #6C8597 50%, #303B43 100%);
    background: -webkit-linear-gradient(top, #A8D1EB 0%, #6C8597 50%, #303B43 100%);
    background: linear-gradient(to bottom, #A8D1EB 0%, #6C8597 50%, #303B43 100%);
}
</style>