#CBC3E2 - #8264A4 | 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 #CBC3E2 to #8264A4

#CBC3E2 #8264A4

Calculate the color between two colors, #CBC3E2 and #8264A4. 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)

#CBC3E2 - #8264A4 | 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 #CBC3E2 as 0% and #8264A4 as 100%.

0.0%	0.0% #CBC3E2	RGB 203 195 226	#CBC3E2
16.7%	16.7% #BEB3D7	RGB 190 179 215	#BEB3D7
33.3%	33.3% #B2A3CD	RGB 178 163 205	#B2A3CD
50.0%	50.0% #A693C3	RGB 166 147 195	#A693C3
66.7%	66.7% #9A83B8	RGB 154 131 184	#9A83B8
83.3%	83.3% #8E73AE	RGB 142 115 174	#8E73AE
100.0%	100.0% #8264A4	RGB 130 100 164	#8264A4

#CBC3E2 #BEB3D7 #B2A3CD #A693C3 #9A83B8 #8E73AE #8264A4

#CBC3E2 - #8264A4

HSV Blend

#CBC3E2 - #8264A4 | 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 #CBC3E2 as 0% and #8264A4 as 100%.

0.0%	0.0% #CBC3E2	RGB 203 195 226	#CBC3E2
16.7%	16.7% #BCB0D7	RGB 188 176 215	#BCB0D7
33.3%	33.3% #AE9FCD	RGB 174 159 205	#AE9FCD
50.0%	50.0% #A28FC3	RGB 162 143 195	#A28FC3
66.7%	66.7% #9680B8	RGB 150 128 184	#9680B8
83.3%	83.3% #8B71AE	RGB 139 113 174	#8B71AE
100.0%	100.0% #8264A4	RGB 130 100 164	#8264A4

#CBC3E2 #BCB0D7 #AE9FCD #A28FC3 #9680B8 #8B71AE #8264A4

#CBC3E2 - #A28FC3 - #8264A4

CSS codes

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

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