#A8B5CB - #434CA2 | 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 #A8B5CB to #434CA2

#A8B5CB #434CA2

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

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

0.0%	0.0% #A8B5CB	RGB 168 181 203	#A8B5CB
16.7%	16.7% #97A3C4	RGB 151 163 196	#97A3C4
33.3%	33.3% #8692BD	RGB 134 146 189	#8692BD
50.0%	50.0% #7580B6	RGB 117 128 182	#7580B6
66.7%	66.7% #646FAF	RGB 100 111 175	#646FAF
83.3%	83.3% #535DA8	RGB 83 93 168	#535DA8
100.0%	100.0% #434CA2	RGB 67 76 162	#434CA2

#A8B5CB #97A3C4 #8692BD #7580B6 #646FAF #535DA8 #434CA2

#A8B5CB - #434CA2

HSV Blend

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

0.0%	0.0% #A8B5CB	RGB 168 181 203	#A8B5CB
16.7%	16.7% #94A4C4	RGB 148 164 196	#94A4C4
33.3%	33.3% #8292BD	RGB 130 146 189	#8292BD
50.0%	50.0% #7181B6	RGB 113 129 182	#7181B6
66.7%	66.7% #606FAF	RGB 96 111 175	#606FAF
83.3%	83.3% #515DA8	RGB 81 93 168	#515DA8
100.0%	100.0% #434CA2	RGB 67 76 162	#434CA2

#A8B5CB #94A4C4 #8292BD #7181B6 #606FAF #515DA8 #434CA2

#A8B5CB - #7181B6 - #434CA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B5CB 0%, #7181B6 50%, #434CA2 100%);
    background: -webkit-linear-gradient(top, #A8B5CB 0%, #7181B6 50%, #434CA2 100%);
    background: linear-gradient(to bottom, #A8B5CB 0%, #7181B6 50%, #434CA2 100%);
}
</style>