#DF91B8 - #BB3E84 | 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 #DF91B8 to #BB3E84

#DF91B8 #BB3E84

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

#DF91B8 - #BB3E84 | 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 #DF91B8 as 0% and #BB3E84 as 100%.

0.0%	0.0% #DF91B8	RGB 223 145 184	#DF91B8
16.7%	16.7% #D983AF	RGB 217 131 175	#D983AF
33.3%	33.3% #D375A6	RGB 211 117 166	#D375A6
50.0%	50.0% #CD679E	RGB 205 103 158	#CD679E
66.7%	66.7% #C75995	RGB 199 89 149	#C75995
83.3%	83.3% #C14B8C	RGB 193 75 140	#C14B8C
100.0%	100.0% #BB3E84	RGB 187 62 132	#BB3E84

#DF91B8 #D983AF #D375A6 #CD679E #C75995 #C14B8C #BB3E84

#DF91B8 - #BB3E84

HSV Blend

#DF91B8 - #BB3E84 | 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 #DF91B8 as 0% and #BB3E84 as 100%.

0.0%	0.0% #DF91B8	RGB 223 145 184	#DF91B8
16.7%	16.7% #D981AE	RGB 217 129 174	#D981AE
33.3%	33.3% #D372A4	RGB 211 114 164	#D372A4
50.0%	50.0% #CD649B	RGB 205 100 155	#CD649B
66.7%	66.7% #C75793	RGB 199 87 147	#C75793
83.3%	83.3% #C14A8B	RGB 193 74 139	#C14A8B
100.0%	100.0% #BB3E84	RGB 187 62 132	#BB3E84

#DF91B8 #D981AE #D372A4 #CD649B #C75793 #C14A8B #BB3E84

#DF91B8 - #CD649B - #BB3E84

CSS codes

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

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