#56384B - #CD58C7 | 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 #56384B to #CD58C7

#56384B #CD58C7

Calculate the color between two colors, #56384B and #CD58C7. 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)

#56384B - #CD58C7 | 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 #56384B as 0% and #CD58C7 as 100%.

0.0%	0.0% #56384B	RGB 86 56 75	#56384B
16.7%	16.7% #693D5F	RGB 105 61 95	#693D5F
33.3%	33.3% #7D4274	RGB 125 66 116	#7D4274
50.0%	50.0% #914889	RGB 145 72 137	#914889
66.7%	66.7% #A54D9D	RGB 165 77 157	#A54D9D
83.3%	83.3% #B952B2	RGB 185 82 178	#B952B2
100.0%	100.0% #CD58C7	RGB 205 88 199	#CD58C7

#56384B #693D5F #7D4274 #914889 #A54D9D #B952B2 #CD58C7

#56384B - #CD58C7

HSV Blend

#56384B - #CD58C7 | 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 #56384B as 0% and #CD58C7 as 100%.

0.0%	0.0% #56384B	RGB 86 56 75	#56384B
16.7%	16.7% #69415D	RGB 105 65 93	#69415D
33.3%	33.3% #7D486F	RGB 125 72 111	#7D486F
50.0%	50.0% #914E83	RGB 145 78 131	#914E83
66.7%	66.7% #A55398	RGB 165 83 152	#A55398
83.3%	83.3% #B956AE	RGB 185 86 174	#B956AE
100.0%	100.0% #CD58C7	RGB 205 88 199	#CD58C7

#56384B #69415D #7D486F #914E83 #A55398 #B956AE #CD58C7

#56384B - #914E83 - #CD58C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #56384B 0%, #914E83 50%, #CD58C7 100%);
    background: -webkit-linear-gradient(top, #56384B 0%, #914E83 50%, #CD58C7 100%);
    background: linear-gradient(to bottom, #56384B 0%, #914E83 50%, #CD58C7 100%);
}
</style>