#5E6D8D - #F29FC5 | 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 #5E6D8D to #F29FC5

#5E6D8D #F29FC5

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

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

0.0%	0.0% #5E6D8D	RGB 94 109 141	#5E6D8D
16.7%	16.7% #767596	RGB 118 117 150	#767596
33.3%	33.3% #8F7D9F	RGB 143 125 159	#8F7D9F
50.0%	50.0% #A886A9	RGB 168 134 169	#A886A9
66.7%	66.7% #C08EB2	RGB 192 142 178	#C08EB2
83.3%	83.3% #D996BB	RGB 217 150 187	#D996BB
100.0%	100.0% #F29FC5	RGB 242 159 197	#F29FC5

#5E6D8D #767596 #8F7D9F #A886A9 #C08EB2 #D996BB #F29FC5

#5E6D8D - #F29FC5

HSV Blend

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

0.0%	0.0% #5E6D8D	RGB 94 109 141	#5E6D8D
16.7%	16.7% #68699D	RGB 104 105 157	#68699D
33.3%	33.3% #8573AE	RGB 133 115 174	#8573AE
50.0%	50.0% #A67EBF	RGB 166 126 191	#A67EBF
66.7%	66.7% #CA89D0	RGB 202 137 208	#CA89D0
83.3%	83.3% #E194CF	RGB 225 148 207	#E194CF
100.0%	100.0% #F29FC5	RGB 242 159 197	#F29FC5

#5E6D8D #68699D #8573AE #A67EBF #CA89D0 #E194CF #F29FC5

#5E6D8D - #A67EBF - #F29FC5

CSS codes

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

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