#15134D - #BBBBCC | 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 #15134D to #BBBBCC

#15134D #BBBBCC

Calculate the color between two colors, #15134D and #BBBBCC. 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)

#15134D - #BBBBCC | 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 #15134D as 0% and #BBBBCC as 100%.

0.0%	0.0% #15134D	RGB 21 19 77	#15134D
16.7%	16.7% #302F62	RGB 48 47 98	#302F62
33.3%	33.3% #4C4B77	RGB 76 75 119	#4C4B77
50.0%	50.0% #68678C	RGB 104 103 140	#68678C
66.7%	66.7% #8383A1	RGB 131 131 161	#8383A1
83.3%	83.3% #9F9FB6	RGB 159 159 182	#9F9FB6
100.0%	100.0% #BBBBCC	RGB 187 187 204	#BBBBCC

#15134D #302F62 #4C4B77 #68678C #8383A1 #9F9FB6 #BBBBCC

#15134D - #BBBBCC

HSV Blend

#15134D - #BBBBCC | 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 #15134D as 0% and #BBBBCC as 100%.

0.0%	0.0% #14134D	RGB 20 19 77	#14134D
16.7%	16.7% #242362	RGB 36 35 98	#242362
33.3%	33.3% #393877	RGB 57 56 119	#393877
50.0%	50.0% #52518C	RGB 82 81 140	#52518C
66.7%	66.7% #7070A1	RGB 112 112 161	#7070A1
83.3%	83.3% #9393B6	RGB 147 147 182	#9393B6
100.0%	100.0% #BBBBCC	RGB 187 187 204	#BBBBCC

#14134D #242362 #393877 #52518C #7070A1 #9393B6 #BBBBCC

#15134D - #52518C - #BBBBCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #14134D 0%, #52518C 50%, #BBBBCC 100%);
    background: -webkit-linear-gradient(top, #14134D 0%, #52518C 50%, #BBBBCC 100%);
    background: linear-gradient(to bottom, #14134D 0%, #52518C 50%, #BBBBCC 100%);
}
</style>