#5E69DB - #B67EFF | 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 #5E69DB to #B67EFF

#5E69DB #B67EFF

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

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

0.0%	0.0% #5E69DB	RGB 94 105 219	#5E69DB
16.7%	16.7% #6C6CE1	RGB 108 108 225	#6C6CE1
33.3%	33.3% #7B70E7	RGB 123 112 231	#7B70E7
50.0%	50.0% #8A73ED	RGB 138 115 237	#8A73ED
66.7%	66.7% #9877F3	RGB 152 119 243	#9877F3
83.3%	83.3% #A77AF9	RGB 167 122 249	#A77AF9
100.0%	100.0% #B67EFF	RGB 182 126 255	#B67EFF

#5E69DB #6C6CE1 #7B70E7 #8A73ED #9877F3 #A77AF9 #B67EFF

#5E69DB - #B67EFF

HSV Blend

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

0.0%	0.0% #5E68DB	RGB 94 104 219	#5E68DB
16.7%	16.7% #6363E1	RGB 99 99 225	#6363E1
33.3%	33.3% #7368E7	RGB 115 104 231	#7368E7
50.0%	50.0% #836DED	RGB 131 109 237	#836DED
66.7%	66.7% #9472F3	RGB 148 114 243	#9472F3
83.3%	83.3% #A478F9	RGB 164 120 249	#A478F9
100.0%	100.0% #B67EFF	RGB 182 126 255	#B67EFF

#5E68DB #6363E1 #7368E7 #836DED #9472F3 #A478F9 #B67EFF

#5E69DB - #836DED - #B67EFF

CSS codes

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

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