#707EAD - #BFBCC0 | 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 #707EAD to #BFBCC0

#707EAD #BFBCC0

Calculate the color between two colors, #707EAD and #BFBCC0. 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)

#707EAD - #BFBCC0 | 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 #707EAD as 0% and #BFBCC0 as 100%.

0.0%	0.0% #707EAD	RGB 112 126 173	#707EAD
16.7%	16.7% #7D88B0	RGB 125 136 176	#7D88B0
33.3%	33.3% #8A92B3	RGB 138 146 179	#8A92B3
50.0%	50.0% #979DB6	RGB 151 157 182	#979DB6
66.7%	66.7% #A4A7B9	RGB 164 167 185	#A4A7B9
83.3%	83.3% #B1B1BC	RGB 177 177 188	#B1B1BC
100.0%	100.0% #BFBCC0	RGB 191 188 192	#BFBCC0

#707EAD #7D88B0 #8A92B3 #979DB6 #A4A7B9 #B1B1BC #BFBCC0

#707EAD - #BFBCC0

HSV Blend

#707EAD - #BFBCC0 | 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 #707EAD as 0% and #BFBCC0 as 100%.

0.0%	0.0% #707EAD	RGB 112 126 173	#707EAD
16.7%	16.7% #7B7FB0	RGB 123 127 176	#7B7FB0
33.3%	33.3% #8C87B3	RGB 140 135 179	#8C87B3
50.0%	50.0% #9D94B6	RGB 157 148 182	#9D94B6
66.7%	66.7% #ABA1B9	RGB 171 161 185	#ABA1B9
83.3%	83.3% #B6AEBC	RGB 182 174 188	#B6AEBC
100.0%	100.0% #BFBCC0	RGB 191 188 192	#BFBCC0

#707EAD #7B7FB0 #8C87B3 #9D94B6 #ABA1B9 #B6AEBC #BFBCC0

#707EAD - #9D94B6 - #BFBCC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #707EAD 0%, #9D94B6 50%, #BFBCC0 100%);
    background: -webkit-linear-gradient(top, #707EAD 0%, #9D94B6 50%, #BFBCC0 100%);
    background: linear-gradient(to bottom, #707EAD 0%, #9D94B6 50%, #BFBCC0 100%);
}
</style>