#6F65CC - #E2B9DB | 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 #6F65CC to #E2B9DB

#6F65CC #E2B9DB

Calculate the color between two colors, #6F65CC and #E2B9DB. 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)

#6F65CC - #E2B9DB | 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 #6F65CC as 0% and #E2B9DB as 100%.

0.0%	0.0% #6F65CC	RGB 111 101 204	#6F65CC
16.7%	16.7% #8273CE	RGB 130 115 206	#8273CE
33.3%	33.3% #9581D1	RGB 149 129 209	#9581D1
50.0%	50.0% #A88FD3	RGB 168 143 211	#A88FD3
66.7%	66.7% #BB9DD6	RGB 187 157 214	#BB9DD6
83.3%	83.3% #CEABD8	RGB 206 171 216	#CEABD8
100.0%	100.0% #E2B9DB	RGB 226 185 219	#E2B9DB

#6F65CC #8273CE #9581D1 #A88FD3 #BB9DD6 #CEABD8 #E2B9DB

#6F65CC - #E2B9DB

HSV Blend

#6F65CC - #E2B9DB | 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 #6F65CC as 0% and #E2B9DB as 100%.

0.0%	0.0% #6F65CC	RGB 111 101 204	#6F65CC
16.7%	16.7% #8B72CF	RGB 139 114 207	#8B72CF
33.3%	33.3% #A57FD3	RGB 165 127 211	#A57FD3
50.0%	50.0% #BB8DD7	RGB 187 141 215	#BB8DD7
66.7%	66.7% #CE9BDA	RGB 206 155 218	#CE9BDA
83.3%	83.3% #DDAADE	RGB 221 170 222	#DDAADE
100.0%	100.0% #E2B9DB	RGB 226 185 219	#E2B9DB

#6F65CC #8B72CF #A57FD3 #BB8DD7 #CE9BDA #DDAADE #E2B9DB

#6F65CC - #BB8DD7 - #E2B9DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F65CC 0%, #BB8DD7 50%, #E2B9DB 100%);
    background: -webkit-linear-gradient(top, #6F65CC 0%, #BB8DD7 50%, #E2B9DB 100%);
    background: linear-gradient(to bottom, #6F65CC 0%, #BB8DD7 50%, #E2B9DB 100%);
}
</style>