#201D4D - #BEBECC | 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 #201D4D to #BEBECC

#201D4D #BEBECC

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

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

0.0%	0.0% #201D4D	RGB 32 29 77	#201D4D
16.7%	16.7% #3A3762	RGB 58 55 98	#3A3762
33.3%	33.3% #545277	RGB 84 82 119	#545277
50.0%	50.0% #6F6D8C	RGB 111 109 140	#6F6D8C
66.7%	66.7% #8988A1	RGB 137 136 161	#8988A1
83.3%	83.3% #A3A3B6	RGB 163 163 182	#A3A3B6
100.0%	100.0% #BEBECC	RGB 190 190 204	#BEBECC

#201D4D #3A3762 #545277 #6F6D8C #8988A1 #A3A3B6 #BEBECC

#201D4D - #BEBECC

HSV Blend

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

0.0%	0.0% #1F1D4D	RGB 31 29 77	#1F1D4D
16.7%	16.7% #302E62	RGB 48 46 98	#302E62
33.3%	33.3% #454377	RGB 69 67 119	#454377
50.0%	50.0% #5D5B8C	RGB 93 91 140	#5D5B8C
66.7%	66.7% #7978A1	RGB 121 120 161	#7978A1
83.3%	83.3% #9999B6	RGB 153 153 182	#9999B6
100.0%	100.0% #BEBECC	RGB 190 190 204	#BEBECC

#1F1D4D #302E62 #454377 #5D5B8C #7978A1 #9999B6 #BEBECC

#201D4D - #5D5B8C - #BEBECC

CSS codes

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

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