#DF1BA5 - #FF95D1 | 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 #DF1BA5 to #FF95D1

#DF1BA5 #FF95D1

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

#DF1BA5 - #FF95D1 | 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 #DF1BA5 as 0% and #FF95D1 as 100%.

0.0%	0.0% #DF1BA5	RGB 223 27 165	#DF1BA5
16.7%	16.7% #E42FAC	RGB 228 47 172	#E42FAC
33.3%	33.3% #E943B3	RGB 233 67 179	#E943B3
50.0%	50.0% #EF58BB	RGB 239 88 187	#EF58BB
66.7%	66.7% #F46CC2	RGB 244 108 194	#F46CC2
83.3%	83.3% #F980C9	RGB 249 128 201	#F980C9
100.0%	100.0% #FF95D1	RGB 255 149 209	#FF95D1

#DF1BA5 #E42FAC #E943B3 #EF58BB #F46CC2 #F980C9 #FF95D1

#DF1BA5 - #FF95D1

HSV Blend

#DF1BA5 - #FF95D1 | 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 #DF1BA5 as 0% and #FF95D1 as 100%.

0.0%	0.0% #DF1BA5	RGB 223 27 165	#DF1BA5
16.7%	16.7% #E42DA9	RGB 228 45 169	#E42DA9
33.3%	33.3% #E940AF	RGB 233 64 175	#E940AF
50.0%	50.0% #EF54B6	RGB 239 84 182	#EF54B6
66.7%	66.7% #F469BE	RGB 244 105 190	#F469BE
83.3%	83.3% #F97EC7	RGB 249 126 199	#F97EC7
100.0%	100.0% #FF95D1	RGB 255 149 209	#FF95D1

#DF1BA5 #E42DA9 #E940AF #EF54B6 #F469BE #F97EC7 #FF95D1

#DF1BA5 - #EF54B6 - #FF95D1

CSS codes

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

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