#A8C8F2 - #303945 | 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 #A8C8F2 to #303945

#A8C8F2 #303945

Calculate the color between two colors, #A8C8F2 and #303945. 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)

#A8C8F2 - #303945 | 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 #A8C8F2 as 0% and #303945 as 100%.

0.0%	0.0% #A8C8F2	RGB 168 200 242	#A8C8F2
16.7%	16.7% #94B0D5	RGB 148 176 213	#94B0D5
33.3%	33.3% #8098B8	RGB 128 152 184	#8098B8
50.0%	50.0% #6C809B	RGB 108 128 155	#6C809B
66.7%	66.7% #58687E	RGB 88 104 126	#58687E
83.3%	83.3% #445061	RGB 68 80 97	#445061
100.0%	100.0% #303945	RGB 48 57 69	#303945

#A8C8F2 #94B0D5 #8098B8 #6C809B #58687E #445061 #303945

#A8C8F2 - #303945

HSV Blend

#A8C8F2 - #303945 | 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 #A8C8F2 as 0% and #303945 as 100%.

0.0%	0.0% #A8C8F2	RGB 168 200 242	#A8C8F2
16.7%	16.7% #94B0D5	RGB 148 176 213	#94B0D5
33.3%	33.3% #8098B8	RGB 128 152 184	#8098B8
50.0%	50.0% #6C809B	RGB 108 128 155	#6C809B
66.7%	66.7% #58687E	RGB 88 104 126	#58687E
83.3%	83.3% #445061	RGB 68 80 97	#445061
100.0%	100.0% #303945	RGB 48 57 69	#303945

#A8C8F2 #94B0D5 #8098B8 #6C809B #58687E #445061 #303945

#A8C8F2 - #6C809B - #303945

CSS codes

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

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