#54172C - #CEBCC2 | 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 #54172C to #CEBCC2

#54172C #CEBCC2

Calculate the color between two colors, #54172C and #CEBCC2. 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)

#54172C - #CEBCC2 | 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 #54172C as 0% and #CEBCC2 as 100%.

0.0%	0.0% #54172C	RGB 84 23 44	#54172C
16.7%	16.7% #683245	RGB 104 50 69	#683245
33.3%	33.3% #7C4E5E	RGB 124 78 94	#7C4E5E
50.0%	50.0% #916977	RGB 145 105 119	#916977
66.7%	66.7% #A58590	RGB 165 133 144	#A58590
83.3%	83.3% #B9A0A9	RGB 185 160 169	#B9A0A9
100.0%	100.0% #CEBCC2	RGB 206 188 194	#CEBCC2

#54172C #683245 #7C4E5E #916977 #A58590 #B9A0A9 #CEBCC2

#54172C - #CEBCC2

HSV Blend

#54172C - #CEBCC2 | 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 #54172C as 0% and #CEBCC2 as 100%.

0.0%	0.0% #54162B	RGB 84 22 43	#54162B
16.7%	16.7% #68273D	RGB 104 39 61	#68273D
33.3%	33.3% #7C3C52	RGB 124 60 82	#7C3C52
50.0%	50.0% #915669	RGB 145 86 105	#915669
66.7%	66.7% #A57384	RGB 165 115 132	#A57384
83.3%	83.3% #B995A1	RGB 185 149 161	#B995A1
100.0%	100.0% #CEBCC2	RGB 206 188 194	#CEBCC2

#54162B #68273D #7C3C52 #915669 #A57384 #B995A1 #CEBCC2

#54172C - #915669 - #CEBCC2

CSS codes

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

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