#8C807B - #DEDAD9 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #8C807B a #DEDAD9

#8C807B #DEDAD9

Calcule el color entre dos colores, #8C807B y #DEDAD9. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#8C807B - #DEDAD9 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #8C807B como 0% y #DEDAD9 como 100%.

0.0%	0.0% #8C807B	RGB 140 128 123	#8C807B
16.7%	16.7% #998F8A	RGB 153 143 138	#998F8A
33.3%	33.3% #A79E9A	RGB 167 158 154	#A79E9A
50.0%	50.0% #B5ADAA	RGB 181 173 170	#B5ADAA
66.7%	66.7% #C2BCB9	RGB 194 188 185	#C2BCB9
83.3%	83.3% #D0CBC9	RGB 208 203 201	#D0CBC9
100.0%	100.0% #DEDAD9	RGB 222 218 217	#DEDAD9

#8C807B #998F8A #A79E9A #B5ADAA #C2BCB9 #D0CBC9 #DEDAD9

#8C807B - #DEDAD9

Mezcla HSV

#8C807B - #DEDAD9 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #8C807B como 0% y #DEDAD9 como 100%.

0.0%	0.0% #8C807B	RGB 140 128 123	#8C807B
16.7%	16.7% #998E89	RGB 153 142 137	#998E89
33.3%	33.3% #A79C98	RGB 167 156 152	#A79C98
50.0%	50.0% #B5ABA7	RGB 181 171 167	#B5ABA7
66.7%	66.7% #C2BAB7	RGB 194 186 183	#C2BAB7
83.3%	83.3% #D0C9C8	RGB 208 201 200	#D0C9C8
100.0%	100.0% #DEDAD9	RGB 222 218 217	#DEDAD9

#8C807B #998E89 #A79C98 #B5ABA7 #C2BAB7 #D0C9C8 #DEDAD9

#8C807B - #B5ABA7 - #DEDAD9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C807B 0%, #B5ABA7 50%, #DEDAD9 100%);
    background: -webkit-linear-gradient(top, #8C807B 0%, #B5ABA7 50%, #DEDAD9 100%);
    background: linear-gradient(to bottom, #8C807B 0%, #B5ABA7 50%, #DEDAD9 100%);
}
</style>