#DF9EB4 - #AC4066 | 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 #DF9EB4 to #AC4066

#DF9EB4 #AC4066

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

#DF9EB4 - #AC4066 | 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 #DF9EB4 as 0% and #AC4066 as 100%.

0.0%	0.0% #DF9EB4	RGB 223 158 180	#DF9EB4
16.7%	16.7% #D68EA7	RGB 214 142 167	#D68EA7
33.3%	33.3% #CE7E9A	RGB 206 126 154	#CE7E9A
50.0%	50.0% #C56F8D	RGB 197 111 141	#C56F8D
66.7%	66.7% #BD5F80	RGB 189 95 128	#BD5F80
83.3%	83.3% #B44F73	RGB 180 79 115	#B44F73
100.0%	100.0% #AC4066	RGB 172 64 102	#AC4066

#DF9EB4 #D68EA7 #CE7E9A #C56F8D #BD5F80 #B44F73 #AC4066

#DF9EB4 - #AC4066

HSV Blend

#DF9EB4 - #AC4066 | 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 #DF9EB4 as 0% and #AC4066 as 100%.

0.0%	0.0% #DF9EB4	RGB 223 158 180	#DF9EB4
16.7%	16.7% #D68BA5	RGB 214 139 165	#D68BA5
33.3%	33.3% #CE7A97	RGB 206 122 151	#CE7A97
50.0%	50.0% #C56A8A	RGB 197 106 138	#C56A8A
66.7%	66.7% #BD5B7D	RGB 189 91 125	#BD5B7D
83.3%	83.3% #B44D71	RGB 180 77 113	#B44D71
100.0%	100.0% #AC4066	RGB 172 64 102	#AC4066

#DF9EB4 #D68BA5 #CE7A97 #C56A8A #BD5B7D #B44D71 #AC4066

#DF9EB4 - #C56A8A - #AC4066

CSS codes

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

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