#451331 - #C9BBC3 | 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 #451331 to #C9BBC3

#451331 #C9BBC3

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

#451331 - #C9BBC3 | 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 #451331 as 0% and #C9BBC3 as 100%.

0.0%	0.0% #451331	RGB 69 19 49	#451331
16.7%	16.7% #5B2F49	RGB 91 47 73	#5B2F49
33.3%	33.3% #714B61	RGB 113 75 97	#714B61
50.0%	50.0% #87677A	RGB 135 103 122	#87677A
66.7%	66.7% #9D8392	RGB 157 131 146	#9D8392
83.3%	83.3% #B39FAA	RGB 179 159 170	#B39FAA
100.0%	100.0% #C9BBC3	RGB 201 187 195	#C9BBC3

#451331 #5B2F49 #714B61 #87677A #9D8392 #B39FAA #C9BBC3

#451331 - #C9BBC3

HSV Blend

#451331 - #C9BBC3 | 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 #451331 as 0% and #C9BBC3 as 100%.

0.0%	0.0% #451331	RGB 69 19 49	#451331
16.7%	16.7% #5B2244	RGB 91 34 68	#5B2244
33.3%	33.3% #713759	RGB 113 55 89	#713759
50.0%	50.0% #875170	RGB 135 81 112	#875170
66.7%	66.7% #9D6F8A	RGB 157 111 138	#9D6F8A
83.3%	83.3% #B392A5	RGB 179 146 165	#B392A5
100.0%	100.0% #C9BBC3	RGB 201 187 195	#C9BBC3

#451331 #5B2244 #713759 #875170 #9D6F8A #B392A5 #C9BBC3

#451331 - #875170 - #C9BBC3

CSS codes

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

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