#C48B9F - #8D3450 | 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 #C48B9F to #8D3450

#C48B9F #8D3450

Calculate the color between two colors, #C48B9F and #8D3450. 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)

#C48B9F - #8D3450 | 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 #C48B9F as 0% and #8D3450 as 100%.

0.0%	0.0% #C48B9F	RGB 196 139 159	#C48B9F
16.7%	16.7% #BA7C91	RGB 186 124 145	#BA7C91
33.3%	33.3% #B16E84	RGB 177 110 132	#B16E84
50.0%	50.0% #A85F77	RGB 168 95 119	#A85F77
66.7%	66.7% #9F516A	RGB 159 81 106	#9F516A
83.3%	83.3% #96425D	RGB 150 66 93	#96425D
100.0%	100.0% #8D3450	RGB 141 52 80	#8D3450

#C48B9F #BA7C91 #B16E84 #A85F77 #9F516A #96425D #8D3450

#C48B9F - #8D3450

HSV Blend

#C48B9F - #8D3450 | 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 #C48B9F as 0% and #8D3450 as 100%.

0.0%	0.0% #C48B9E	RGB 196 139 158	#C48B9E
16.7%	16.7% #BA7990	RGB 186 121 144	#BA7990
33.3%	33.3% #B16982	RGB 177 105 130	#B16982
50.0%	50.0% #A85A74	RGB 168 90 116	#A85A74
66.7%	66.7% #9F4C67	RGB 159 76 103	#9F4C67
83.3%	83.3% #963F5B	RGB 150 63 91	#963F5B
100.0%	100.0% #8D3450	RGB 141 52 80	#8D3450

#C48B9E #BA7990 #B16982 #A85A74 #9F4C67 #963F5B #8D3450

#C48B9F - #A85A74 - #8D3450

CSS codes

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

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