#6F6F99 - #D5D5E1 | 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 #6F6F99 to #D5D5E1

#6F6F99 #D5D5E1

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

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

0.0%	0.0% #6F6F99	RGB 111 111 153	#6F6F99
16.7%	16.7% #8080A5	RGB 128 128 165	#8080A5
33.3%	33.3% #9191B1	RGB 145 145 177	#9191B1
50.0%	50.0% #A2A2BD	RGB 162 162 189	#A2A2BD
66.7%	66.7% #B3B3C9	RGB 179 179 201	#B3B3C9
83.3%	83.3% #C4C4D5	RGB 196 196 213	#C4C4D5
100.0%	100.0% #D5D5E1	RGB 213 213 225	#D5D5E1

#6F6F99 #8080A5 #9191B1 #A2A2BD #B3B3C9 #C4C4D5 #D5D5E1

#6F6F99 - #D5D5E1

HSV Blend

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

0.0%	0.0% #6F6F99	RGB 111 111 153	#6F6F99
16.7%	16.7% #7D7DA5	RGB 125 125 165	#7D7DA5
33.3%	33.3% #8D8DB1	RGB 141 141 177	#8D8DB1
50.0%	50.0% #9E9EBD	RGB 158 158 189	#9E9EBD
66.7%	66.7% #AFAFC9	RGB 175 175 201	#AFAFC9
83.3%	83.3% #C1C1D5	RGB 193 193 213	#C1C1D5
100.0%	100.0% #D5D5E1	RGB 213 213 225	#D5D5E1

#6F6F99 #7D7DA5 #8D8DB1 #9E9EBD #AFAFC9 #C1C1D5 #D5D5E1

#6F6F99 - #9E9EBD - #D5D5E1

CSS codes

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

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