#131330 - #BBBBC3 | 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 #131330 to #BBBBC3

#131330 #BBBBC3

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

#131330 - #BBBBC3 | 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 #131330 as 0% and #BBBBC3 as 100%.

0.0%	0.0% #131330	RGB 19 19 48	#131330
16.7%	16.7% #2F2F48	RGB 47 47 72	#2F2F48
33.3%	33.3% #4B4B61	RGB 75 75 97	#4B4B61
50.0%	50.0% #676779	RGB 103 103 121	#676779
66.7%	66.7% #838392	RGB 131 131 146	#838392
83.3%	83.3% #9F9FAA	RGB 159 159 170	#9F9FAA
100.0%	100.0% #BBBBC3	RGB 187 187 195	#BBBBC3

#131330 #2F2F48 #4B4B61 #676779 #838392 #9F9FAA #BBBBC3

#131330 - #BBBBC3

HSV Blend

#131330 - #BBBBC3 | 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 #131330 as 0% and #BBBBC3 as 100%.

0.0%	0.0% #131330	RGB 19 19 48	#131330
16.7%	16.7% #232348	RGB 35 35 72	#232348
33.3%	33.3% #383861	RGB 56 56 97	#383861
50.0%	50.0% #525279	RGB 82 82 121	#525279
66.7%	66.7% #707092	RGB 112 112 146	#707092
83.3%	83.3% #9393AA	RGB 147 147 170	#9393AA
100.0%	100.0% #BBBBC3	RGB 187 187 195	#BBBBC3

#131330 #232348 #383861 #525279 #707092 #9393AA #BBBBC3

#131330 - #525279 - #BBBBC3

CSS codes

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

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