#C1949D - #8F3942 | 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 #C1949D to #8F3942

#C1949D #8F3942

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

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

0.0%	0.0% #C1949D	RGB 193 148 157	#C1949D
16.7%	16.7% #B8848D	RGB 184 132 141	#B8848D
33.3%	33.3% #B0757E	RGB 176 117 126	#B0757E
50.0%	50.0% #A8666F	RGB 168 102 111	#A8666F
66.7%	66.7% #9F5760	RGB 159 87 96	#9F5760
83.3%	83.3% #974851	RGB 151 72 81	#974851
100.0%	100.0% #8F3942	RGB 143 57 66	#8F3942

#C1949D #B8848D #B0757E #A8666F #9F5760 #974851 #8F3942

#C1949D - #8F3942

HSV Blend

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

0.0%	0.0% #C1949D	RGB 193 148 157	#C1949D
16.7%	16.7% #B8828C	RGB 184 130 140	#B8828C
33.3%	33.3% #B0717C	RGB 176 113 124	#B0717C
50.0%	50.0% #A8616C	RGB 168 97 108	#A8616C
66.7%	66.7% #9F535D	RGB 159 83 93	#9F535D
83.3%	83.3% #97454F	RGB 151 69 79	#97454F
100.0%	100.0% #8F3942	RGB 143 57 66	#8F3942

#C1949D #B8828C #B0717C #A8616C #9F535D #97454F #8F3942

#C1949D - #A8616C - #8F3942

CSS codes

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

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