#201C54 - #BFBECE | 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 #201C54 to #BFBECE

#201C54 #BFBECE

Calculate the color between two colors, #201C54 and #BFBECE. 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)

#201C54 - #BFBECE | 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 #201C54 as 0% and #BFBECE as 100%.

0.0%	0.0% #201C54	RGB 32 28 84	#201C54
16.7%	16.7% #3A3768	RGB 58 55 104	#3A3768
33.3%	33.3% #55527C	RGB 85 82 124	#55527C
50.0%	50.0% #6F6D91	RGB 111 109 145	#6F6D91
66.7%	66.7% #8A88A5	RGB 138 136 165	#8A88A5
83.3%	83.3% #A4A3B9	RGB 164 163 185	#A4A3B9
100.0%	100.0% #BFBECE	RGB 191 190 206	#BFBECE

#201C54 #3A3768 #55527C #6F6D91 #8A88A5 #A4A3B9 #BFBECE

#201C54 - #BFBECE

HSV Blend

#201C54 - #BFBECE | 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 #201C54 as 0% and #BFBECE as 100%.

0.0%	0.0% #1F1C54	RGB 31 28 84	#1F1C54
16.7%	16.7% #312D68	RGB 49 45 104	#312D68
33.3%	33.3% #46427C	RGB 70 66 124	#46427C
50.0%	50.0% #5E5B91	RGB 94 91 145	#5E5B91
66.7%	66.7% #7A78A5	RGB 122 120 165	#7A78A5
83.3%	83.3% #9B99B9	RGB 155 153 185	#9B99B9
100.0%	100.0% #BFBECE	RGB 191 190 206	#BFBECE

#1F1C54 #312D68 #46427C #5E5B91 #7A78A5 #9B99B9 #BFBECE

#201C54 - #5E5B91 - #BFBECE

CSS codes

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

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