#DF9DB2 - #A6486D | 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 #DF9DB2 to #A6486D

#DF9DB2 #A6486D

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

#DF9DB2 - #A6486D | 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 #DF9DB2 as 0% and #A6486D as 100%.

0.0%	0.0% #DF9DB2	RGB 223 157 178	#DF9DB2
16.7%	16.7% #D58EA6	RGB 213 142 166	#D58EA6
33.3%	33.3% #CC809B	RGB 204 128 155	#CC809B
50.0%	50.0% #C2728F	RGB 194 114 143	#C2728F
66.7%	66.7% #B96484	RGB 185 100 132	#B96484
83.3%	83.3% #AF5678	RGB 175 86 120	#AF5678
100.0%	100.0% #A6486D	RGB 166 72 109	#A6486D

#DF9DB2 #D58EA6 #CC809B #C2728F #B96484 #AF5678 #A6486D

#DF9DB2 - #A6486D

HSV Blend

#DF9DB2 - #A6486D | 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 #DF9DB2 as 0% and #A6486D as 100%.

0.0%	0.0% #DF9DB2	RGB 223 157 178	#DF9DB2
16.7%	16.7% #D58CA4	RGB 213 140 164	#D58CA4
33.3%	33.3% #CC7D98	RGB 204 125 152	#CC7D98
50.0%	50.0% #C26E8C	RGB 194 110 140	#C26E8C
66.7%	66.7% #B96081	RGB 185 96 129	#B96081
83.3%	83.3% #AF5476	RGB 175 84 118	#AF5476
100.0%	100.0% #A6486D	RGB 166 72 109	#A6486D

#DF9DB2 #D58CA4 #CC7D98 #C26E8C #B96081 #AF5476 #A6486D

#DF9DB2 - #C26E8C - #A6486D

CSS codes

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

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