#6F7C92 - #D5D9DF | 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 #6F7C92 to #D5D9DF

#6F7C92 #D5D9DF

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

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

0.0%	0.0% #6F7C92	RGB 111 124 146	#6F7C92
16.7%	16.7% #808B9E	RGB 128 139 158	#808B9E
33.3%	33.3% #919BAB	RGB 145 155 171	#919BAB
50.0%	50.0% #A2AAB8	RGB 162 170 184	#A2AAB8
66.7%	66.7% #B3BAC5	RGB 179 186 197	#B3BAC5
83.3%	83.3% #C4C9D2	RGB 196 201 210	#C4C9D2
100.0%	100.0% #D5D9DF	RGB 213 217 223	#D5D9DF

#6F7C92 #808B9E #919BAB #A2AAB8 #B3BAC5 #C4C9D2 #D5D9DF

#6F7C92 - #D5D9DF

HSV Blend

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

0.0%	0.0% #6F7C92	RGB 111 124 146	#6F7C92
16.7%	16.7% #7D8A9E	RGB 125 138 158	#7D8A9E
33.3%	33.3% #8D99AB	RGB 141 153 171	#8D99AB
50.0%	50.0% #9EA8B8	RGB 158 168 184	#9EA8B8
66.7%	66.7% #AFB8C5	RGB 175 184 197	#AFB8C5
83.3%	83.3% #C1C8D2	RGB 193 200 210	#C1C8D2
100.0%	100.0% #D5D9DF	RGB 213 217 223	#D5D9DF

#6F7C92 #7D8A9E #8D99AB #9EA8B8 #AFB8C5 #C1C8D2 #D5D9DF

#6F7C92 - #9EA8B8 - #D5D9DF

CSS codes

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

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