#835BAB - #A8D9DA | 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 #835BAB to #A8D9DA

#835BAB #A8D9DA

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

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

0.0%	0.0% #835BAB	RGB 131 91 171	#835BAB
16.7%	16.7% #8970B2	RGB 137 112 178	#8970B2
33.3%	33.3% #8F85BA	RGB 143 133 186	#8F85BA
50.0%	50.0% #959AC2	RGB 149 154 194	#959AC2
66.7%	66.7% #9BAFCA	RGB 155 175 202	#9BAFCA
83.3%	83.3% #A1C4D2	RGB 161 196 210	#A1C4D2
100.0%	100.0% #A8D9DA	RGB 168 217 218	#A8D9DA

#835BAB #8970B2 #8F85BA #959AC2 #9BAFCA #A1C4D2 #A8D9DA

#835BAB - #A8D9DA

HSV Blend

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

0.0%	0.0% #835BAB	RGB 131 91 171	#835BAB
16.7%	16.7% #7966B2	RGB 121 102 178	#7966B2
33.3%	33.3% #7272BA	RGB 114 114 186	#7272BA
50.0%	50.0% #7E8EC2	RGB 126 142 194	#7E8EC2
66.7%	66.7% #8BAACA	RGB 139 170 202	#8BAACA
83.3%	83.3% #99C3D2	RGB 153 195 210	#99C3D2
100.0%	100.0% #A8D9DA	RGB 168 217 218	#A8D9DA

#835BAB #7966B2 #7272BA #7E8EC2 #8BAACA #99C3D2 #A8D9DA

#835BAB - #7E8EC2 - #A8D9DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #835BAB 0%, #7E8EC2 50%, #A8D9DA 100%);
    background: -webkit-linear-gradient(top, #835BAB 0%, #7E8EC2 50%, #A8D9DA 100%);
    background: linear-gradient(to bottom, #835BAB 0%, #7E8EC2 50%, #A8D9DA 100%);
}
</style>