#A8B2D1 - #30323B | 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 #A8B2D1 to #30323B

#A8B2D1 #30323B

Calculate the color between two colors, #A8B2D1 and #30323B. 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)

#A8B2D1 - #30323B | 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 #A8B2D1 as 0% and #30323B as 100%.

0.0%	0.0% #A8B2D1	RGB 168 178 209	#A8B2D1
16.7%	16.7% #949CB8	RGB 148 156 184	#949CB8
33.3%	33.3% #80879F	RGB 128 135 159	#80879F
50.0%	50.0% #6C7286	RGB 108 114 134	#6C7286
66.7%	66.7% #585C6D	RGB 88 92 109	#585C6D
83.3%	83.3% #444754	RGB 68 71 84	#444754
100.0%	100.0% #30323B	RGB 48 50 59	#30323B

#A8B2D1 #949CB8 #80879F #6C7286 #585C6D #444754 #30323B

#A8B2D1 - #30323B

HSV Blend

#A8B2D1 - #30323B | 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 #A8B2D1 as 0% and #30323B as 100%.

0.0%	0.0% #A8B2D1	RGB 168 178 209	#A8B2D1
16.7%	16.7% #949CB8	RGB 148 156 184	#949CB8
33.3%	33.3% #80879F	RGB 128 135 159	#80879F
50.0%	50.0% #6C7186	RGB 108 113 134	#6C7186
66.7%	66.7% #585C6D	RGB 88 92 109	#585C6D
83.3%	83.3% #444754	RGB 68 71 84	#444754
100.0%	100.0% #30323B	RGB 48 50 59	#30323B

#A8B2D1 #949CB8 #80879F #6C7186 #585C6D #444754 #30323B

#A8B2D1 - #6C7186 - #30323B

CSS codes

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

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