#58788F - #E5A8CC | 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 #58788F to #E5A8CC

#58788F #E5A8CC

Calculate the color between two colors, #58788F and #E5A8CC. 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)

#58788F - #E5A8CC | 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 #58788F as 0% and #E5A8CC as 100%.

0.0%	0.0% #58788F	RGB 88 120 143	#58788F
16.7%	16.7% #6F8099	RGB 111 128 153	#6F8099
33.3%	33.3% #8788A3	RGB 135 136 163	#8788A3
50.0%	50.0% #9E90AD	RGB 158 144 173	#9E90AD
66.7%	66.7% #B698B7	RGB 182 152 183	#B698B7
83.3%	83.3% #CDA0C1	RGB 205 160 193	#CDA0C1
100.0%	100.0% #E5A8CC	RGB 229 168 204	#E5A8CC

#58788F #6F8099 #8788A3 #9E90AD #B698B7 #CDA0C1 #E5A8CC

#58788F - #E5A8CC

HSV Blend

#58788F - #E5A8CC | 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 #58788F as 0% and #E5A8CC as 100%.

0.0%	0.0% #58788F	RGB 88 120 143	#58788F
16.7%	16.7% #63729D	RGB 99 114 157	#63729D
33.3%	33.3% #7570AB	RGB 117 112 171	#7570AB
50.0%	50.0% #967DBA	RGB 150 125 186	#967DBA
66.7%	66.7% #B88BC8	RGB 184 139 200	#B88BC8
83.3%	83.3% #D699D1	RGB 214 153 209	#D699D1
100.0%	100.0% #E5A8CC	RGB 229 168 204	#E5A8CC

#58788F #63729D #7570AB #967DBA #B88BC8 #D699D1 #E5A8CC

#58788F - #967DBA - #E5A8CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #58788F 0%, #967DBA 50%, #E5A8CC 100%);
    background: -webkit-linear-gradient(top, #58788F 0%, #967DBA 50%, #E5A8CC 100%);
    background: linear-gradient(to bottom, #58788F 0%, #967DBA 50%, #E5A8CC 100%);
}
</style>