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

#A8C9F3 #303945

Calculate the color between two colors, #A8C9F3 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)

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

0.0%	0.0% #A8C9F3	RGB 168 201 243	#A8C9F3
16.7%	16.7% #94B1D6	RGB 148 177 214	#94B1D6
33.3%	33.3% #8099B9	RGB 128 153 185	#8099B9
50.0%	50.0% #6C819C	RGB 108 129 156	#6C819C
66.7%	66.7% #58697F	RGB 88 105 127	#58697F
83.3%	83.3% #445162	RGB 68 81 98	#445162
100.0%	100.0% #303945	RGB 48 57 69	#303945

#A8C9F3 #94B1D6 #8099B9 #6C819C #58697F #445162 #303945

#A8C9F3 - #303945

HSV Blend

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

0.0%	0.0% #A8C9F3	RGB 168 201 243	#A8C9F3
16.7%	16.7% #94B0D6	RGB 148 176 214	#94B0D6
33.3%	33.3% #8098B9	RGB 128 152 185	#8098B9
50.0%	50.0% #6C809C	RGB 108 128 156	#6C809C
66.7%	66.7% #58687F	RGB 88 104 127	#58687F
83.3%	83.3% #445062	RGB 68 80 98	#445062
100.0%	100.0% #303945	RGB 48 57 69	#303945

#A8C9F3 #94B0D6 #8098B9 #6C809C #58687F #445062 #303945

#A8C9F3 - #6C809C - #303945

CSS codes

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

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