#8F7F8C - #DFDADE | 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 #8F7F8C a #DFDADE

#8F7F8C #DFDADE

Calcule el color entre dos colores, #8F7F8C y #DFDADE. 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)

#8F7F8C - #DFDADE | 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 #8F7F8C como 0% y #DFDADE como 100%.

0.0%	0.0% #8F7F8C	RGB 143 127 140	#8F7F8C
16.7%	16.7% #9C8E99	RGB 156 142 153	#9C8E99
33.3%	33.3% #A99DA7	RGB 169 157 167	#A99DA7
50.0%	50.0% #B7ACB5	RGB 183 172 181	#B7ACB5
66.7%	66.7% #C4BBC2	RGB 196 187 194	#C4BBC2
83.3%	83.3% #D1CAD0	RGB 209 202 208	#D1CAD0
100.0%	100.0% #DFDADE	RGB 223 218 222	#DFDADE

#8F7F8C #9C8E99 #A99DA7 #B7ACB5 #C4BBC2 #D1CAD0 #DFDADE

#8F7F8C - #DFDADE

Mezcla HSV

#8F7F8C - #DFDADE | 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 #8F7F8C como 0% y #DFDADE como 100%.

0.0%	0.0% #8F7F8C	RGB 143 127 140	#8F7F8C
16.7%	16.7% #9C8D99	RGB 156 141 153	#9C8D99
33.3%	33.3% #A99BA6	RGB 169 155 166	#A99BA6
50.0%	50.0% #B7AAB4	RGB 183 170 180	#B7AAB4
66.7%	66.7% #C4BAC2	RGB 196 186 194	#C4BAC2
83.3%	83.3% #D1C9D0	RGB 209 201 208	#D1C9D0
100.0%	100.0% #DFDADE	RGB 223 218 222	#DFDADE

#8F7F8C #9C8D99 #A99BA6 #B7AAB4 #C4BAC2 #D1C9D0 #DFDADE

#8F7F8C - #B7AAB4 - #DFDADE

Códigos CSS

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

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