#DF5E9B - #9B024E | 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 #DF5E9B to #9B024E

#DF5E9B #9B024E

Calculate the color between two colors, #DF5E9B and #9B024E. 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)

#DF5E9B - #9B024E | 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 #DF5E9B as 0% and #9B024E as 100%.

0.0%	0.0% #DF5E9B	RGB 223 94 155	#DF5E9B
16.7%	16.7% #D34E8E	RGB 211 78 142	#D34E8E
33.3%	33.3% #C83F81	RGB 200 63 129	#C83F81
50.0%	50.0% #BD3074	RGB 189 48 116	#BD3074
66.7%	66.7% #B12067	RGB 177 32 103	#B12067
83.3%	83.3% #A6115A	RGB 166 17 90	#A6115A
100.0%	100.0% #9B024E	RGB 155 2 78	#9B024E

#DF5E9B #D34E8E #C83F81 #BD3074 #B12067 #A6115A #9B024E

#DF5E9B - #9B024E

HSV Blend

#DF5E9B - #9B024E | 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 #DF5E9B as 0% and #9B024E as 100%.

0.0%	0.0% #DF5E9A	RGB 223 94 154	#DF5E9A
16.7%	16.7% #D34A8C	RGB 211 74 140	#D34A8C
33.3%	33.3% #C8397E	RGB 200 57 126	#C8397E
50.0%	50.0% #BD2970	RGB 189 41 112	#BD2970
66.7%	66.7% #B11A64	RGB 177 26 100	#B11A64
83.3%	83.3% #A60D58	RGB 166 13 88	#A60D58
100.0%	100.0% #9B024E	RGB 155 2 78	#9B024E

#DF5E9A #D34A8C #C8397E #BD2970 #B11A64 #A60D58 #9B024E

#DF5E9B - #BD2970 - #9B024E

CSS codes

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

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