#848BAB - #CBA2FF | 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 #848BAB to #CBA2FF

#848BAB #CBA2FF

Calculate the color between two colors, #848BAB and #CBA2FF. 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)

#848BAB - #CBA2FF | 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 #848BAB as 0% and #CBA2FF as 100%.

0.0%	0.0% #848BAB	RGB 132 139 171	#848BAB
16.7%	16.7% #8F8EB9	RGB 143 142 185	#8F8EB9
33.3%	33.3% #9B92C7	RGB 155 146 199	#9B92C7
50.0%	50.0% #A796D5	RGB 167 150 213	#A796D5
66.7%	66.7% #B39AE3	RGB 179 154 227	#B39AE3
83.3%	83.3% #BF9EF1	RGB 191 158 241	#BF9EF1
100.0%	100.0% #CBA2FF	RGB 203 162 255	#CBA2FF

#848BAB #8F8EB9 #9B92C7 #A796D5 #B39AE3 #BF9EF1 #CBA2FF

#848BAB - #CBA2FF

HSV Blend

#848BAB - #CBA2FF | 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 #848BAB as 0% and #CBA2FF as 100%.

0.0%	0.0% #848BAB	RGB 132 139 171	#848BAB
16.7%	16.7% #8A8EB9	RGB 138 142 185	#8A8EB9
33.3%	33.3% #9290C7	RGB 146 144 199	#9290C7
50.0%	50.0% #9E95D5	RGB 158 149 213	#9E95D5
66.7%	66.7% #AB9AE3	RGB 171 154 227	#AB9AE3
83.3%	83.3% #BA9EF1	RGB 186 158 241	#BA9EF1
100.0%	100.0% #CBA2FF	RGB 203 162 255	#CBA2FF

#848BAB #8A8EB9 #9290C7 #9E95D5 #AB9AE3 #BA9EF1 #CBA2FF

#848BAB - #9E95D5 - #CBA2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #848BAB 0%, #9E95D5 50%, #CBA2FF 100%);
    background: -webkit-linear-gradient(top, #848BAB 0%, #9E95D5 50%, #CBA2FF 100%);
    background: linear-gradient(to bottom, #848BAB 0%, #9E95D5 50%, #CBA2FF 100%);
}
</style>