#DB5E99 - #B11F52 | 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 #DB5E99 to #B11F52

#DB5E99 #B11F52

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

#DB5E99 - #B11F52 | 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 #DB5E99 as 0% and #B11F52 as 100%.

0.0%	0.0% #DB5E99	RGB 219 94 153	#DB5E99
16.7%	16.7% #D4538D	RGB 212 83 141	#D4538D
33.3%	33.3% #CD4981	RGB 205 73 129	#CD4981
50.0%	50.0% #C63E75	RGB 198 62 117	#C63E75
66.7%	66.7% #BF3469	RGB 191 52 105	#BF3469
83.3%	83.3% #B8295D	RGB 184 41 93	#B8295D
100.0%	100.0% #B11F52	RGB 177 31 82	#B11F52

#DB5E99 #D4538D #CD4981 #C63E75 #BF3469 #B8295D #B11F52

#DB5E99 - #B11F52

HSV Blend

#DB5E99 - #B11F52 | 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 #DB5E99 as 0% and #B11F52 as 100%.

0.0%	0.0% #DB5E99	RGB 219 94 153	#DB5E99
16.7%	16.7% #D4528C	RGB 212 82 140	#D4528C
33.3%	33.3% #CD4680	RGB 205 70 128	#CD4680
50.0%	50.0% #C63B74	RGB 198 59 116	#C63B74
66.7%	66.7% #BF3168	RGB 191 49 104	#BF3168
83.3%	83.3% #B8285D	RGB 184 40 93	#B8285D
100.0%	100.0% #B11F52	RGB 177 31 82	#B11F52

#DB5E99 #D4528C #CD4680 #C63B74 #BF3168 #B8285D #B11F52

#DB5E99 - #C63B74 - #B11F52

CSS codes

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

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