#1F007C - #BFB6D9 | 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 #1F007C to #BFB6D9

#1F007C #BFB6D9

Calculate the color between two colors, #1F007C and #BFB6D9. 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)

#1F007C - #BFB6D9 | 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 #1F007C as 0% and #BFB6D9 as 100%.

0.0%	0.0% #1F007C	RGB 31 0 124	#1F007C
16.7%	16.7% #391E8B	RGB 57 30 139	#391E8B
33.3%	33.3% #543C9B	RGB 84 60 155	#543C9B
50.0%	50.0% #6F5BAA	RGB 111 91 170	#6F5BAA
66.7%	66.7% #8979BA	RGB 137 121 186	#8979BA
83.3%	83.3% #A497C9	RGB 164 151 201	#A497C9
100.0%	100.0% #BFB6D9	RGB 191 182 217	#BFB6D9

#1F007C #391E8B #543C9B #6F5BAA #8979BA #A497C9 #BFB6D9

#1F007C - #BFB6D9

HSV Blend

#1F007C - #BFB6D9 | 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 #1F007C as 0% and #BFB6D9 as 100%.

0.0%	0.0% #1E007C	RGB 30 0 124	#1E007C
16.7%	16.7% #31138B	RGB 49 19 139	#31138B
33.3%	33.3% #472B9B	RGB 71 43 155	#472B9B
50.0%	50.0% #6047AA	RGB 96 71 170	#6047AA
66.7%	66.7% #7C68BA	RGB 124 104 186	#7C68BA
83.3%	83.3% #9C8CC9	RGB 156 140 201	#9C8CC9
100.0%	100.0% #BFB6D9	RGB 191 182 217	#BFB6D9

#1E007C #31138B #472B9B #6047AA #7C68BA #9C8CC9 #BFB6D9

#1F007C - #6047AA - #BFB6D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E007C 0%, #6047AA 50%, #BFB6D9 100%);
    background: -webkit-linear-gradient(top, #1E007C 0%, #6047AA 50%, #BFB6D9 100%);
    background: linear-gradient(to bottom, #1E007C 0%, #6047AA 50%, #BFB6D9 100%);
}
</style>