#5E6B9E - #EFADCE | 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 #5E6B9E to #EFADCE

#5E6B9E #EFADCE

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

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

0.0%	0.0% #5E6B9E	RGB 94 107 158	#5E6B9E
16.7%	16.7% #7676A6	RGB 118 118 166	#7676A6
33.3%	33.3% #8E81AE	RGB 142 129 174	#8E81AE
50.0%	50.0% #A68CB6	RGB 166 140 182	#A68CB6
66.7%	66.7% #BE97BE	RGB 190 151 190	#BE97BE
83.3%	83.3% #D6A2C6	RGB 214 162 198	#D6A2C6
100.0%	100.0% #EFADCE	RGB 239 173 206	#EFADCE

#5E6B9E #7676A6 #8E81AE #A68CB6 #BE97BE #D6A2C6 #EFADCE

#5E6B9E - #EFADCE

HSV Blend

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

0.0%	0.0% #5E6B9E	RGB 94 107 158	#5E6B9E
16.7%	16.7% #6F69AB	RGB 111 105 171	#6F69AB
33.3%	33.3% #8E76B9	RGB 142 118 185	#8E76B9
50.0%	50.0% #AE82C6	RGB 174 130 198	#AE82C6
66.7%	66.7% #CF90D4	RGB 207 144 212	#CF90D4
83.3%	83.3% #E19ED2	RGB 225 158 210	#E19ED2
100.0%	100.0% #EFADCE	RGB 239 173 206	#EFADCE

#5E6B9E #6F69AB #8E76B9 #AE82C6 #CF90D4 #E19ED2 #EFADCE

#5E6B9E - #AE82C6 - #EFADCE

CSS codes

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

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