#7F86A8 - #DADBE6 | 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 #7F86A8 to #DADBE6

#7F86A8 #DADBE6

Calculate the color between two colors, #7F86A8 and #DADBE6. 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)

#7F86A8 - #DADBE6 | 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 #7F86A8 as 0% and #DADBE6 as 100%.

0.0%	0.0% #7F86A8	RGB 127 134 168	#7F86A8
16.7%	16.7% #8E94B2	RGB 142 148 178	#8E94B2
33.3%	33.3% #9DA2BC	RGB 157 162 188	#9DA2BC
50.0%	50.0% #ACB0C7	RGB 172 176 199	#ACB0C7
66.7%	66.7% #BBBED1	RGB 187 190 209	#BBBED1
83.3%	83.3% #CACCDB	RGB 202 204 219	#CACCDB
100.0%	100.0% #DADBE6	RGB 218 219 230	#DADBE6

#7F86A8 #8E94B2 #9DA2BC #ACB0C7 #BBBED1 #CACCDB #DADBE6

#7F86A8 - #DADBE6

HSV Blend

#7F86A8 - #DADBE6 | 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 #7F86A8 as 0% and #DADBE6 as 100%.

0.0%	0.0% #7F86A8	RGB 127 134 168	#7F86A8
16.7%	16.7% #8C92B2	RGB 140 146 178	#8C92B2
33.3%	33.3% #9A9FBC	RGB 154 159 188	#9A9FBC
50.0%	50.0% #A9ADC7	RGB 169 173 199	#A9ADC7
66.7%	66.7% #B9BBD1	RGB 185 187 209	#B9BBD1
83.3%	83.3% #C9CADB	RGB 201 202 219	#C9CADB
100.0%	100.0% #DADBE6	RGB 218 219 230	#DADBE6

#7F86A8 #8C92B2 #9A9FBC #A9ADC7 #B9BBD1 #C9CADB #DADBE6

#7F86A8 - #A9ADC7 - #DADBE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F86A8 0%, #A9ADC7 50%, #DADBE6 100%);
    background: -webkit-linear-gradient(top, #7F86A8 0%, #A9ADC7 50%, #DADBE6 100%);
    background: linear-gradient(to bottom, #7F86A8 0%, #A9ADC7 50%, #DADBE6 100%);
}
</style>