#221B3C - #BFBDC7 | 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 #221B3C to #BFBDC7

#221B3C #BFBDC7

Calculate the color between two colors, #221B3C and #BFBDC7. 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)

#221B3C - #BFBDC7 | 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 #221B3C as 0% and #BFBDC7 as 100%.

0.0%	0.0% #221B3C	RGB 34 27 60	#221B3C
16.7%	16.7% #3C3653	RGB 60 54 83	#3C3653
33.3%	33.3% #56516A	RGB 86 81 106	#56516A
50.0%	50.0% #706C81	RGB 112 108 129	#706C81
66.7%	66.7% #8A8798	RGB 138 135 152	#8A8798
83.3%	83.3% #A4A2AF	RGB 164 162 175	#A4A2AF
100.0%	100.0% #BFBDC7	RGB 191 189 199	#BFBDC7

#221B3C #3C3653 #56516A #706C81 #8A8798 #A4A2AF #BFBDC7

#221B3C - #BFBDC7

HSV Blend

#221B3C - #BFBDC7 | 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 #221B3C as 0% and #BFBDC7 as 100%.

0.0%	0.0% #211B3C	RGB 33 27 60	#211B3C
16.7%	16.7% #342C53	RGB 52 44 83	#342C53
33.3%	33.3% #4A416A	RGB 74 65 106	#4A416A
50.0%	50.0% #625A81	RGB 98 90 129	#625A81
66.7%	66.7% #7E7798	RGB 126 119 152	#7E7798
83.3%	83.3% #9D98AF	RGB 157 152 175	#9D98AF
100.0%	100.0% #BFBDC7	RGB 191 189 199	#BFBDC7

#211B3C #342C53 #4A416A #625A81 #7E7798 #9D98AF #BFBDC7

#221B3C - #625A81 - #BFBDC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #211B3C 0%, #625A81 50%, #BFBDC7 100%);
    background: -webkit-linear-gradient(top, #211B3C 0%, #625A81 50%, #BFBDC7 100%);
    background: linear-gradient(to bottom, #211B3C 0%, #625A81 50%, #BFBDC7 100%);
}
</style>