#A16CDB - #8CCDFF | 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 #A16CDB to #8CCDFF

#A16CDB #8CCDFF

Calculate the color between two colors, #A16CDB and #8CCDFF. 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)

#A16CDB - #8CCDFF | 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 #A16CDB as 0% and #8CCDFF as 100%.

0.0%	0.0% #A16CDB	RGB 161 108 219	#A16CDB
16.7%	16.7% #9D7CE1	RGB 157 124 225	#9D7CE1
33.3%	33.3% #9A8CE7	RGB 154 140 231	#9A8CE7
50.0%	50.0% #969CED	RGB 150 156 237	#969CED
66.7%	66.7% #93ACF3	RGB 147 172 243	#93ACF3
83.3%	83.3% #8FBCF9	RGB 143 188 249	#8FBCF9
100.0%	100.0% #8CCDFF	RGB 140 205 255	#8CCDFF

#A16CDB #9D7CE1 #9A8CE7 #969CED #93ACF3 #8FBCF9 #8CCDFF

#A16CDB - #8CCDFF

HSV Blend

#A16CDB - #8CCDFF | 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 #A16CDB as 0% and #8CCDFF as 100%.

0.0%	0.0% #A06CDB	RGB 160 108 219	#A06CDB
16.7%	16.7% #9371E1	RGB 147 113 225	#9371E1
33.3%	33.3% #8476E7	RGB 132 118 231	#8476E7
50.0%	50.0% #7B80ED	RGB 123 128 237	#7B80ED
66.7%	66.7% #8099F3	RGB 128 153 243	#8099F3
83.3%	83.3% #86B3F9	RGB 134 179 249	#86B3F9
100.0%	100.0% #8CCDFF	RGB 140 205 255	#8CCDFF

#A06CDB #9371E1 #8476E7 #7B80ED #8099F3 #86B3F9 #8CCDFF

#A16CDB - #7B80ED - #8CCDFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A06CDB 0%, #7B80ED 50%, #8CCDFF 100%);
    background: -webkit-linear-gradient(top, #A06CDB 0%, #7B80ED 50%, #8CCDFF 100%);
    background: linear-gradient(to bottom, #A06CDB 0%, #7B80ED 50%, #8CCDFF 100%);
}
</style>