#6B8CAC - #B19FFB | 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 #6B8CAC to #B19FFB

#6B8CAC #B19FFB

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

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

0.0%	0.0% #6B8CAC	RGB 107 140 172	#6B8CAC
16.7%	16.7% #768FB9	RGB 118 143 185	#768FB9
33.3%	33.3% #8292C6	RGB 130 146 198	#8292C6
50.0%	50.0% #8E95D3	RGB 142 149 211	#8E95D3
66.7%	66.7% #9998E0	RGB 153 152 224	#9998E0
83.3%	83.3% #A59BED	RGB 165 155 237	#A59BED
100.0%	100.0% #B19FFB	RGB 177 159 251	#B19FFB

#6B8CAC #768FB9 #8292C6 #8E95D3 #9998E0 #A59BED #B19FFB

#6B8CAC - #B19FFB

HSV Blend

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

0.0%	0.0% #6B8CAC	RGB 107 140 172	#6B8CAC
16.7%	16.7% #738EB9	RGB 115 142 185	#738EB9
33.3%	33.3% #7C90C6	RGB 124 144 198	#7C90C6
50.0%	50.0% #8491D3	RGB 132 145 211	#8491D3
66.7%	66.7% #8D90E0	RGB 141 144 224	#8D90E0
83.3%	83.3% #9D96ED	RGB 157 150 237	#9D96ED
100.0%	100.0% #B19FFB	RGB 177 159 251	#B19FFB

#6B8CAC #738EB9 #7C90C6 #8491D3 #8D90E0 #9D96ED #B19FFB

#6B8CAC - #8491D3 - #B19FFB

CSS codes

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

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