#D79EB1 - #A34263 | 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 #D79EB1 to #A34263

#D79EB1 #A34263

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

#D79EB1 - #A34263 | 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 #D79EB1 as 0% and #A34263 as 100%.

0.0%	0.0% #D79EB1	RGB 215 158 177	#D79EB1
16.7%	16.7% #CE8EA4	RGB 206 142 164	#CE8EA4
33.3%	33.3% #C57F97	RGB 197 127 151	#C57F97
50.0%	50.0% #BD708A	RGB 189 112 138	#BD708A
66.7%	66.7% #B4607D	RGB 180 96 125	#B4607D
83.3%	83.3% #AB5170	RGB 171 81 112	#AB5170
100.0%	100.0% #A34263	RGB 163 66 99	#A34263

#D79EB1 #CE8EA4 #C57F97 #BD708A #B4607D #AB5170 #A34263

#D79EB1 - #A34263

HSV Blend

#D79EB1 - #A34263 | 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 #D79EB1 as 0% and #A34263 as 100%.

0.0%	0.0% #D79EB1	RGB 215 158 177	#D79EB1
16.7%	16.7% #CE8CA2	RGB 206 140 162	#CE8CA2
33.3%	33.3% #C57B94	RGB 197 123 148	#C57B94
50.0%	50.0% #BD6B87	RGB 189 107 135	#BD6B87
66.7%	66.7% #B45C7A	RGB 180 92 122	#B45C7A
83.3%	83.3% #AB4E6E	RGB 171 78 110	#AB4E6E
100.0%	100.0% #A34263	RGB 163 66 99	#A34263

#D79EB1 #CE8CA2 #C57B94 #BD6B87 #B45C7A #AB4E6E #A34263

#D79EB1 - #BD6B87 - #A34263

CSS codes

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

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