#A55EB2 - #C6D0CF | 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 #A55EB2 to #C6D0CF

#A55EB2 #C6D0CF

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

#A55EB2 - #C6D0CF | 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 #A55EB2 as 0% and #C6D0CF as 100%.

0.0%	0.0% #A55EB2	RGB 165 94 178	#A55EB2
16.7%	16.7% #AA71B6	RGB 170 113 182	#AA71B6
33.3%	33.3% #B084BB	RGB 176 132 187	#B084BB
50.0%	50.0% #B597C0	RGB 181 151 192	#B597C0
66.7%	66.7% #BBAAC5	RGB 187 170 197	#BBAAC5
83.3%	83.3% #C0BDCA	RGB 192 189 202	#C0BDCA
100.0%	100.0% #C6D0CF	RGB 198 208 207	#C6D0CF

#A55EB2 #AA71B6 #B084BB #B597C0 #BBAAC5 #C0BDCA #C6D0CF

#A55EB2 - #C6D0CF

HSV Blend

#A55EB2 - #C6D0CF | 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 #A55EB2 as 0% and #C6D0CF as 100%.

0.0%	0.0% #A55EB2	RGB 165 94 178	#A55EB2
16.7%	16.7% #936DB7	RGB 147 109 183	#936DB7
33.3%	33.3% #8A7DBC	RGB 138 125 188	#8A7DBC
50.0%	50.0% #8E95C1	RGB 142 149 193	#8E95C1
66.7%	66.7% #A0B1C6	RGB 160 177 198	#A0B1C6
83.3%	83.3% #B2C5CB	RGB 178 197 203	#B2C5CB
100.0%	100.0% #C6D0CF	RGB 198 208 207	#C6D0CF

#A55EB2 #936DB7 #8A7DBC #8E95C1 #A0B1C6 #B2C5CB #C6D0CF

#A55EB2 - #8E95C1 - #C6D0CF

CSS codes

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

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