#8C92AC - #D3C7BA | 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 #8C92AC a #D3C7BA

#8C92AC #D3C7BA

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

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

0.0%	0.0% #8C92AC	RGB 140 146 172	#8C92AC
16.7%	16.7% #979AAE	RGB 151 154 174	#979AAE
33.3%	33.3% #A3A3B0	RGB 163 163 176	#A3A3B0
50.0%	50.0% #AFACB3	RGB 175 172 179	#AFACB3
66.7%	66.7% #BBB5B5	RGB 187 181 181	#BBB5B5
83.3%	83.3% #C7BEB7	RGB 199 190 183	#C7BEB7
100.0%	100.0% #D3C7BA	RGB 211 199 186	#D3C7BA

#8C92AC #979AAE #A3A3B0 #AFACB3 #BBB5B5 #C7BEB7 #D3C7BA

#8C92AC - #D3C7BA

Mezcla HSV

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

0.0%	0.0% #8C92AC	RGB 140 146 172	#8C92AC
16.7%	16.7% #9B93B2	RGB 155 147 178	#9B93B2
33.3%	33.3% #B09AB9	RGB 176 154 185	#B09AB9
50.0%	50.0% #BFA2BA	RGB 191 162 186	#BFA2BA
66.7%	66.7% #C6AAB4	RGB 198 170 180	#C6AAB4
83.3%	83.3% #CCB3B1	RGB 204 179 177	#CCB3B1
100.0%	100.0% #D3C7BA	RGB 211 199 186	#D3C7BA

#8C92AC #9B93B2 #B09AB9 #BFA2BA #C6AAB4 #CCB3B1 #D3C7BA

#8C92AC - #BFA2BA - #D3C7BA

Códigos CSS

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

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