#191970 - #BDBDD6 | 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 #191970 to #BDBDD6

#191970 #BDBDD6

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

#191970 - #BDBDD6 | 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 #191970 as 0% and #BDBDD6 as 100%.

0.0%	0.0% #191970	RGB 25 25 112	#191970
16.7%	16.7% #343481	RGB 52 52 129	#343481
33.3%	33.3% #4F4F92	RGB 79 79 146	#4F4F92
50.0%	50.0% #6B6BA3	RGB 107 107 163	#6B6BA3
66.7%	66.7% #8686B4	RGB 134 134 180	#8686B4
83.3%	83.3% #A1A1C5	RGB 161 161 197	#A1A1C5
100.0%	100.0% #BDBDD6	RGB 189 189 214	#BDBDD6

#191970 #343481 #4F4F92 #6B6BA3 #8686B4 #A1A1C5 #BDBDD6

#191970 - #BDBDD6

HSV Blend

#191970 - #BDBDD6 | 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 #191970 as 0% and #BDBDD6 as 100%.

0.0%	0.0% #191970	RGB 25 25 112	#191970
16.7%	16.7% #2A2A81	RGB 42 42 129	#2A2A81
33.3%	33.3% #404092	RGB 64 64 146	#404092
50.0%	50.0% #5A5AA3	RGB 90 90 163	#5A5AA3
66.7%	66.7% #7777B4	RGB 119 119 180	#7777B4
83.3%	83.3% #9898C5	RGB 152 152 197	#9898C5
100.0%	100.0% #BDBDD6	RGB 189 189 214	#BDBDD6

#191970 #2A2A81 #404092 #5A5AA3 #7777B4 #9898C5 #BDBDD6

#191970 - #5A5AA3 - #BDBDD6

CSS codes

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

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