#7070B6 - #B1B2C8 | 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 #7070B6 to #B1B2C8

#7070B6 #B1B2C8

Calculate the color between two colors, #7070B6 and #B1B2C8. 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)

#7070B6 - #B1B2C8 | 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 #7070B6 as 0% and #B1B2C8 as 100%.

0.0%	0.0% #7070B6	RGB 112 112 182	#7070B6
16.7%	16.7% #7A7BB9	RGB 122 123 185	#7A7BB9
33.3%	33.3% #8586BC	RGB 133 134 188	#8586BC
50.0%	50.0% #9091BF	RGB 144 145 191	#9091BF
66.7%	66.7% #9B9CC2	RGB 155 156 194	#9B9CC2
83.3%	83.3% #A6A7C5	RGB 166 167 197	#A6A7C5
100.0%	100.0% #B1B2C8	RGB 177 178 200	#B1B2C8

#7070B6 #7A7BB9 #8586BC #9091BF #9B9CC2 #A6A7C5 #B1B2C8

#7070B6 - #B1B2C8

HSV Blend

#7070B6 - #B1B2C8 | 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 #7070B6 as 0% and #B1B2C8 as 100%.

0.0%	0.0% #7070B6	RGB 112 112 182	#7070B6
16.7%	16.7% #7A7AB9	RGB 122 122 185	#7A7AB9
33.3%	33.3% #8485BC	RGB 132 133 188	#8485BC
50.0%	50.0% #8F90BF	RGB 143 144 191	#8F90BF
66.7%	66.7% #9A9BC2	RGB 154 155 194	#9A9BC2
83.3%	83.3% #A5A6C5	RGB 165 166 197	#A5A6C5
100.0%	100.0% #B1B2C8	RGB 177 178 200	#B1B2C8

#7070B6 #7A7AB9 #8485BC #8F90BF #9A9BC2 #A5A6C5 #B1B2C8

#7070B6 - #8F90BF - #B1B2C8

CSS codes

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

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