#DF91D1 - #B11F89 | 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 #DF91D1 to #B11F89

#DF91D1 #B11F89

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

#DF91D1 - #B11F89 | 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 #DF91D1 as 0% and #B11F89 as 100%.

0.0%	0.0% #DF91D1	RGB 223 145 209	#DF91D1
16.7%	16.7% #D77EC5	RGB 215 126 197	#D77EC5
33.3%	33.3% #CF6BB9	RGB 207 107 185	#CF6BB9
50.0%	50.0% #C858AD	RGB 200 88 173	#C858AD
66.7%	66.7% #C045A1	RGB 192 69 161	#C045A1
83.3%	83.3% #B83295	RGB 184 50 149	#B83295
100.0%	100.0% #B11F89	RGB 177 31 137	#B11F89

#DF91D1 #D77EC5 #CF6BB9 #C858AD #C045A1 #B83295 #B11F89

#DF91D1 - #B11F89

HSV Blend

#DF91D1 - #B11F89 | 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 #DF91D1 as 0% and #B11F89 as 100%.

0.0%	0.0% #DF91D1	RGB 223 145 209	#DF91D1
16.7%	16.7% #D77AC5	RGB 215 122 197	#D77AC5
33.3%	33.3% #CF66B9	RGB 207 102 185	#CF66B9
50.0%	50.0% #C852AD	RGB 200 82 173	#C852AD
66.7%	66.7% #C040A1	RGB 192 64 161	#C040A1
83.3%	83.3% #B82E95	RGB 184 46 149	#B82E95
100.0%	100.0% #B11F89	RGB 177 31 137	#B11F89

#DF91D1 #D77AC5 #CF66B9 #C852AD #C040A1 #B82E95 #B11F89

#DF91D1 - #C852AD - #B11F89

CSS codes

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

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