#7E7EB4 - #BFBBC2 | 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 #7E7EB4 to #BFBBC2

#7E7EB4 #BFBBC2

Calculate the color between two colors, #7E7EB4 and #BFBBC2. 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)

#7E7EB4 - #BFBBC2 | 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 #7E7EB4 as 0% and #BFBBC2 as 100%.

0.0%	0.0% #7E7EB4	RGB 126 126 180	#7E7EB4
16.7%	16.7% #8888B6	RGB 136 136 182	#8888B6
33.3%	33.3% #9392B8	RGB 147 146 184	#9392B8
50.0%	50.0% #9E9CBB	RGB 158 156 187	#9E9CBB
66.7%	66.7% #A9A6BD	RGB 169 166 189	#A9A6BD
83.3%	83.3% #B4B0BF	RGB 180 176 191	#B4B0BF
100.0%	100.0% #BFBBC2	RGB 191 187 194	#BFBBC2

#7E7EB4 #8888B6 #9392B8 #9E9CBB #A9A6BD #B4B0BF #BFBBC2

#7E7EB4 - #BFBBC2

HSV Blend

#7E7EB4 - #BFBBC2 | 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 #7E7EB4 as 0% and #BFBBC2 as 100%.

0.0%	0.0% #7E7EB4	RGB 126 126 180	#7E7EB4
16.7%	16.7% #8C87B6	RGB 140 135 182	#8C87B6
33.3%	33.3% #9891B8	RGB 152 145 184	#9891B8
50.0%	50.0% #A49BBB	RGB 164 155 187	#A49BBB
66.7%	66.7% #AEA5BD	RGB 174 165 189	#AEA5BD
83.3%	83.3% #B7B0BF	RGB 183 176 191	#B7B0BF
100.0%	100.0% #BFBBC2	RGB 191 187 194	#BFBBC2

#7E7EB4 #8C87B6 #9891B8 #A49BBB #AEA5BD #B7B0BF #BFBBC2

#7E7EB4 - #A49BBB - #BFBBC2

CSS codes

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

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