#A8B2D5 - #434BAA | 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 #A8B2D5 to #434BAA

#A8B2D5 #434BAA

Calculate the color between two colors, #A8B2D5 and #434BAA. 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)

#A8B2D5 - #434BAA | 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 #A8B2D5 as 0% and #434BAA as 100%.

0.0%	0.0% #A8B2D5	RGB 168 178 213	#A8B2D5
16.7%	16.7% #97A0CD	RGB 151 160 205	#97A0CD
33.3%	33.3% #868FC6	RGB 134 143 198	#868FC6
50.0%	50.0% #757EBF	RGB 117 126 191	#757EBF
66.7%	66.7% #646DB8	RGB 100 109 184	#646DB8
83.3%	83.3% #535CB1	RGB 83 92 177	#535CB1
100.0%	100.0% #434BAA	RGB 67 75 170	#434BAA

#A8B2D5 #97A0CD #868FC6 #757EBF #646DB8 #535CB1 #434BAA

#A8B2D5 - #434BAA

HSV Blend

#A8B2D5 - #434BAA | 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 #A8B2D5 as 0% and #434BAA as 100%.

0.0%	0.0% #A8B1D5	RGB 168 177 213	#A8B1D5
16.7%	16.7% #94A0CD	RGB 148 160 205	#94A0CD
33.3%	33.3% #828EC6	RGB 130 142 198	#828EC6
50.0%	50.0% #717CBF	RGB 113 124 191	#717CBF
66.7%	66.7% #606BB8	RGB 96 107 184	#606BB8
83.3%	83.3% #515BB1	RGB 81 91 177	#515BB1
100.0%	100.0% #434BAA	RGB 67 75 170	#434BAA

#A8B1D5 #94A0CD #828EC6 #717CBF #606BB8 #515BB1 #434BAA

#A8B2D5 - #717CBF - #434BAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B1D5 0%, #717CBF 50%, #434BAA 100%);
    background: -webkit-linear-gradient(top, #A8B1D5 0%, #717CBF 50%, #434BAA 100%);
    background: linear-gradient(to bottom, #A8B1D5 0%, #717CBF 50%, #434BAA 100%);
}
</style>