#DF6CC5 - #FD8DB2 | 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 #DF6CC5 to #FD8DB2

#DF6CC5 #FD8DB2

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

#DF6CC5 - #FD8DB2 | 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 #DF6CC5 as 0% and #FD8DB2 as 100%.

0.0%	0.0% #DF6CC5	RGB 223 108 197	#DF6CC5
16.7%	16.7% #E471C1	RGB 228 113 193	#E471C1
33.3%	33.3% #E977BE	RGB 233 119 190	#E977BE
50.0%	50.0% #EE7CBB	RGB 238 124 187	#EE7CBB
66.7%	66.7% #F382B8	RGB 243 130 184	#F382B8
83.3%	83.3% #F887B5	RGB 248 135 181	#F887B5
100.0%	100.0% #FD8DB2	RGB 253 141 178	#FD8DB2

#DF6CC5 #E471C1 #E977BE #EE7CBB #F382B8 #F887B5 #FD8DB2

#DF6CC5 - #FD8DB2

HSV Blend

#DF6CC5 - #FD8DB2 | 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 #DF6CC5 as 0% and #FD8DB2 as 100%.

0.0%	0.0% #DF6CC5	RGB 223 108 197	#DF6CC5
16.7%	16.7% #E471C1	RGB 228 113 193	#E471C1
33.3%	33.3% #E976BE	RGB 233 118 190	#E976BE
50.0%	50.0% #EE7BBA	RGB 238 123 186	#EE7BBA
66.7%	66.7% #F381B7	RGB 243 129 183	#F381B7
83.3%	83.3% #F887B4	RGB 248 135 180	#F887B4
100.0%	100.0% #FD8DB2	RGB 253 141 178	#FD8DB2

#DF6CC5 #E471C1 #E976BE #EE7BBA #F381B7 #F887B4 #FD8DB2

#DF6CC5 - #EE7BBA - #FD8DB2

CSS codes

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

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