#5E7F9C - #D99FFE | 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 #5E7F9C to #D99FFE

#5E7F9C #D99FFE

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

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

0.0%	0.0% #5E7F9C	RGB 94 127 156	#5E7F9C
16.7%	16.7% #7284AC	RGB 114 132 172	#7284AC
33.3%	33.3% #8789BC	RGB 135 137 188	#8789BC
50.0%	50.0% #9B8FCD	RGB 155 143 205	#9B8FCD
66.7%	66.7% #B094DD	RGB 176 148 221	#B094DD
83.3%	83.3% #C499ED	RGB 196 153 237	#C499ED
100.0%	100.0% #D99FFE	RGB 217 159 254	#D99FFE

#5E7F9C #7284AC #8789BC #9B8FCD #B094DD #C499ED #D99FFE

#5E7F9C - #D99FFE

HSV Blend

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

0.0%	0.0% #5E7F9C	RGB 94 127 156	#5E7F9C
16.7%	16.7% #687FAC	RGB 104 127 172	#687FAC
33.3%	33.3% #737EBC	RGB 115 126 188	#737EBC
50.0%	50.0% #817DCD	RGB 129 125 205	#817DCD
66.7%	66.7% #9C88DD	RGB 156 136 221	#9C88DD
83.3%	83.3% #B993ED	RGB 185 147 237	#B993ED
100.0%	100.0% #D99FFE	RGB 217 159 254	#D99FFE

#5E7F9C #687FAC #737EBC #817DCD #9C88DD #B993ED #D99FFE

#5E7F9C - #817DCD - #D99FFE

CSS codes

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

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