#D393B6 - #A13168 | 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 #D393B6 to #A13168

#D393B6 #A13168

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

#D393B6 - #A13168 | 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 #D393B6 as 0% and #A13168 as 100%.

0.0%	0.0% #D393B6	RGB 211 147 182	#D393B6
16.7%	16.7% #CA82A9	RGB 202 130 169	#CA82A9
33.3%	33.3% #C2729C	RGB 194 114 156	#C2729C
50.0%	50.0% #BA628F	RGB 186 98 143	#BA628F
66.7%	66.7% #B15182	RGB 177 81 130	#B15182
83.3%	83.3% #A94175	RGB 169 65 117	#A94175
100.0%	100.0% #A13168	RGB 161 49 104	#A13168

#D393B6 #CA82A9 #C2729C #BA628F #B15182 #A94175 #A13168

#D393B6 - #A13168

HSV Blend

#D393B6 - #A13168 | 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 #D393B6 as 0% and #A13168 as 100%.

0.0%	0.0% #D393B6	RGB 211 147 182	#D393B6
16.7%	16.7% #CA7FA8	RGB 202 127 168	#CA7FA8
33.3%	33.3% #C26D9A	RGB 194 109 154	#C26D9A
50.0%	50.0% #BA5D8D	RGB 186 93 141	#BA5D8D
66.7%	66.7% #B14D80	RGB 177 77 128	#B14D80
83.3%	83.3% #A93E74	RGB 169 62 116	#A93E74
100.0%	100.0% #A13168	RGB 161 49 104	#A13168

#D393B6 #CA7FA8 #C26D9A #BA5D8D #B14D80 #A93E74 #A13168

#D393B6 - #BA5D8D - #A13168

CSS codes

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

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