#5E478C - #DC95A4 | 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 #5E478C to #DC95A4

#5E478C #DC95A4

Calculate the color between two colors, #5E478C and #DC95A4. 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)

#5E478C - #DC95A4 | 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 #5E478C as 0% and #DC95A4 as 100%.

0.0%	0.0% #5E478C	RGB 94 71 140	#5E478C
16.7%	16.7% #735490	RGB 115 84 144	#735490
33.3%	33.3% #886194	RGB 136 97 148	#886194
50.0%	50.0% #9D6E98	RGB 157 110 152	#9D6E98
66.7%	66.7% #B27B9C	RGB 178 123 156	#B27B9C
83.3%	83.3% #C788A0	RGB 199 136 160	#C788A0
100.0%	100.0% #DC95A4	RGB 220 149 164	#DC95A4

#5E478C #735490 #886194 #9D6E98 #B27B9C #C788A0 #DC95A4

#5E478C - #DC95A4

HSV Blend

#5E478C - #DC95A4 | 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 #5E478C as 0% and #DC95A4 as 100%.

0.0%	0.0% #5D478C	RGB 93 71 140	#5D478C
16.7%	16.7% #7B5299	RGB 123 82 153	#7B5299
33.3%	33.3% #995DA6	RGB 153 93 166	#995DA6
50.0%	50.0% #B46AAF	RGB 180 106 175	#B46AAF
66.7%	66.7% #C177AB	RGB 193 119 171	#C177AB
83.3%	83.3% #CE86A7	RGB 206 134 167	#CE86A7
100.0%	100.0% #DC95A4	RGB 220 149 164	#DC95A4

#5D478C #7B5299 #995DA6 #B46AAF #C177AB #CE86A7 #DC95A4

#5E478C - #B46AAF - #DC95A4

CSS codes

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

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