#DF5CBC - #9F0070 | 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 #DF5CBC to #9F0070

#DF5CBC #9F0070

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

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

0.0%	0.0% #DF5CBC	RGB 223 92 188	#DF5CBC
16.7%	16.7% #D44CAF	RGB 212 76 175	#D44CAF
33.3%	33.3% #C93DA2	RGB 201 61 162	#C93DA2
50.0%	50.0% #BF2E96	RGB 191 46 150	#BF2E96
66.7%	66.7% #B41E89	RGB 180 30 137	#B41E89
83.3%	83.3% #A90F7C	RGB 169 15 124	#A90F7C
100.0%	100.0% #9F0070	RGB 159 0 112	#9F0070

#DF5CBC #D44CAF #C93DA2 #BF2E96 #B41E89 #A90F7C #9F0070

#DF5CBC - #9F0070

HSV Blend

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

0.0%	0.0% #DF5CBB	RGB 223 92 187	#DF5CBB
16.7%	16.7% #D448AE	RGB 212 72 174	#D448AE
33.3%	33.3% #C937A1	RGB 201 55 161	#C937A1
50.0%	50.0% #BF2794	RGB 191 39 148	#BF2794
66.7%	66.7% #B41887	RGB 180 24 135	#B41887
83.3%	83.3% #A90B7B	RGB 169 11 123	#A90B7B
100.0%	100.0% #9F0070	RGB 159 0 112	#9F0070

#DF5CBB #D448AE #C937A1 #BF2794 #B41887 #A90B7B #9F0070

#DF5CBC - #BF2794 - #9F0070

CSS codes

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

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