#19005E - #BCB6D1 | 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 #19005E to #BCB6D1

#19005E #BCB6D1

Calculate the color between two colors, #19005E and #BCB6D1. 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)

#19005E - #BCB6D1 | 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 #19005E as 0% and #BCB6D1 as 100%.

0.0%	0.0% #19005E	RGB 25 0 94	#19005E
16.7%	16.7% #341E71	RGB 52 30 113	#341E71
33.3%	33.3% #4F3C84	RGB 79 60 132	#4F3C84
50.0%	50.0% #6A5B97	RGB 106 91 151	#6A5B97
66.7%	66.7% #8579AA	RGB 133 121 170	#8579AA
83.3%	83.3% #A097BD	RGB 160 151 189	#A097BD
100.0%	100.0% #BCB6D1	RGB 188 182 209	#BCB6D1

#19005E #341E71 #4F3C84 #6A5B97 #8579AA #A097BD #BCB6D1

#19005E - #BCB6D1

HSV Blend

#19005E - #BCB6D1 | 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 #19005E as 0% and #BCB6D1 as 100%.

0.0%	0.0% #19005E	RGB 25 0 94	#19005E
16.7%	16.7% #291071	RGB 41 16 113	#291071
33.3%	33.3% #3E2684	RGB 62 38 132	#3E2684
50.0%	50.0% #564197	RGB 86 65 151	#564197
66.7%	66.7% #7463AA	RGB 116 99 170	#7463AA
83.3%	83.3% #9589BD	RGB 149 137 189	#9589BD
100.0%	100.0% #BCB6D1	RGB 188 182 209	#BCB6D1

#19005E #291071 #3E2684 #564197 #7463AA #9589BD #BCB6D1

#19005E - #564197 - #BCB6D1

CSS codes

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

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