#A8A0E8 - #CBCFE4 | 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 #A8A0E8 to #CBCFE4

#A8A0E8 #CBCFE4

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

#A8A0E8 - #CBCFE4 | 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 #A8A0E8 as 0% and #CBCFE4 as 100%.

0.0%	0.0% #A8A0E8	RGB 168 160 232	#A8A0E8
16.7%	16.7% #ADA7E7	RGB 173 167 231	#ADA7E7
33.3%	33.3% #B3AFE6	RGB 179 175 230	#B3AFE6
50.0%	50.0% #B9B7E6	RGB 185 183 230	#B9B7E6
66.7%	66.7% #BFBFE5	RGB 191 191 229	#BFBFE5
83.3%	83.3% #C5C7E4	RGB 197 199 228	#C5C7E4
100.0%	100.0% #CBCFE4	RGB 203 207 228	#CBCFE4

#A8A0E8 #ADA7E7 #B3AFE6 #B9B7E6 #BFBFE5 #C5C7E4 #CBCFE4

#A8A0E8 - #CBCFE4

HSV Blend

#A8A0E8 - #CBCFE4 | 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 #A8A0E8 as 0% and #CBCFE4 as 100%.

0.0%	0.0% #A8A0E8	RGB 168 160 232	#A8A0E8
16.7%	16.7% #ABA7E7	RGB 171 167 231	#ABA7E7
33.3%	33.3% #AFAEE6	RGB 175 174 230	#AFAEE6
50.0%	50.0% #B5B6E6	RGB 181 182 230	#B5B6E6
66.7%	66.7% #BCBFE5	RGB 188 191 229	#BCBFE5
83.3%	83.3% #C3C7E4	RGB 195 199 228	#C3C7E4
100.0%	100.0% #CBCFE4	RGB 203 207 228	#CBCFE4

#A8A0E8 #ABA7E7 #AFAEE6 #B5B6E6 #BCBFE5 #C3C7E4 #CBCFE4

#A8A0E8 - #B5B6E6 - #CBCFE4

CSS codes

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

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