#AB5EB7 - #C9CDD0 | 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 #AB5EB7 to #C9CDD0

#AB5EB7 #C9CDD0

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

#AB5EB7 - #C9CDD0 | 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 #AB5EB7 as 0% and #C9CDD0 as 100%.

0.0%	0.0% #AB5EB7	RGB 171 94 183	#AB5EB7
16.7%	16.7% #B070BB	RGB 176 112 187	#B070BB
33.3%	33.3% #B583BF	RGB 181 131 191	#B583BF
50.0%	50.0% #BA95C3	RGB 186 149 195	#BA95C3
66.7%	66.7% #BFA8C7	RGB 191 168 199	#BFA8C7
83.3%	83.3% #C4BACB	RGB 196 186 203	#C4BACB
100.0%	100.0% #C9CDD0	RGB 201 205 208	#C9CDD0

#AB5EB7 #B070BB #B583BF #BA95C3 #BFA8C7 #C4BACB #C9CDD0

#AB5EB7 - #C9CDD0

HSV Blend

#AB5EB7 - #C9CDD0 | 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 #AB5EB7 as 0% and #C9CDD0 as 100%.

0.0%	0.0% #AA5EB7	RGB 170 94 183	#AA5EB7
16.7%	16.7% #9E6EBB	RGB 158 110 187	#9E6EBB
33.3%	33.3% #977FBF	RGB 151 127 191	#977FBF
50.0%	50.0% #9890C3	RGB 152 144 195	#9890C3
66.7%	66.7% #A2A6C7	RGB 162 166 199	#A2A6C7
83.3%	83.3% #B5BCCB	RGB 181 188 203	#B5BCCB
100.0%	100.0% #C9CDD0	RGB 201 205 208	#C9CDD0

#AA5EB7 #9E6EBB #977FBF #9890C3 #A2A6C7 #B5BCCB #C9CDD0

#AB5EB7 - #9890C3 - #C9CDD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA5EB7 0%, #9890C3 50%, #C9CDD0 100%);
    background: -webkit-linear-gradient(top, #AA5EB7 0%, #9890C3 50%, #C9CDD0 100%);
    background: linear-gradient(to bottom, #AA5EB7 0%, #9890C3 50%, #C9CDD0 100%);
}
</style>