#241330 - #BFBBC3 | 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 #241330 to #BFBBC3

#241330 #BFBBC3

Calculate the color between two colors, #241330 and #BFBBC3. 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)

#241330 - #BFBBC3 | 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 #241330 as 0% and #BFBBC3 as 100%.

0.0%	0.0% #241330	RGB 36 19 48	#241330
16.7%	16.7% #3D2F48	RGB 61 47 72	#3D2F48
33.3%	33.3% #574B61	RGB 87 75 97	#574B61
50.0%	50.0% #716779	RGB 113 103 121	#716779
66.7%	66.7% #8B8392	RGB 139 131 146	#8B8392
83.3%	83.3% #A59FAA	RGB 165 159 170	#A59FAA
100.0%	100.0% #BFBBC3	RGB 191 187 195	#BFBBC3

#241330 #3D2F48 #574B61 #716779 #8B8392 #A59FAA #BFBBC3

#241330 - #BFBBC3

HSV Blend

#241330 - #BFBBC3 | 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 #241330 as 0% and #BFBBC3 as 100%.

0.0%	0.0% #241330	RGB 36 19 48	#241330
16.7%	16.7% #382348	RGB 56 35 72	#382348
33.3%	33.3% #4F3861	RGB 79 56 97	#4F3861
50.0%	50.0% #675279	RGB 103 82 121	#675279
66.7%	66.7% #827092	RGB 130 112 146	#827092
83.3%	83.3% #9F93AA	RGB 159 147 170	#9F93AA
100.0%	100.0% #BFBBC3	RGB 191 187 195	#BFBBC3

#241330 #382348 #4F3861 #675279 #827092 #9F93AA #BFBBC3

#241330 - #675279 - #BFBBC3

CSS codes

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

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