#DB6C7B - #951E33 | 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 #DB6C7B to #951E33

#DB6C7B #951E33

Calculate the color between two colors, #DB6C7B and #951E33. 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)

#DB6C7B - #951E33 | 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 #DB6C7B as 0% and #951E33 as 100%.

0.0%	0.0% #DB6C7B	RGB 219 108 123	#DB6C7B
16.7%	16.7% #CF5F6F	RGB 207 95 111	#CF5F6F
33.3%	33.3% #C35263	RGB 195 82 99	#C35263
50.0%	50.0% #B84557	RGB 184 69 87	#B84557
66.7%	66.7% #AC384B	RGB 172 56 75	#AC384B
83.3%	83.3% #A02B3F	RGB 160 43 63	#A02B3F
100.0%	100.0% #951E33	RGB 149 30 51	#951E33

#DB6C7B #CF5F6F #C35263 #B84557 #AC384B #A02B3F #951E33

#DB6C7B - #951E33

HSV Blend

#DB6C7B - #951E33 | 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 #DB6C7B as 0% and #951E33 as 100%.

0.0%	0.0% #DB6C7B	RGB 219 108 123	#DB6C7B
16.7%	16.7% #CF5C6C	RGB 207 92 108	#CF5C6C
33.3%	33.3% #C34D5F	RGB 195 77 95	#C34D5F
50.0%	50.0% #B83F52	RGB 184 63 82	#B83F52
66.7%	66.7% #AC3347	RGB 172 51 71	#AC3347
83.3%	83.3% #A0283C	RGB 160 40 60	#A0283C
100.0%	100.0% #951E33	RGB 149 30 51	#951E33

#DB6C7B #CF5C6C #C34D5F #B83F52 #AC3347 #A0283C #951E33

#DB6C7B - #B83F52 - #951E33

CSS codes

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

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