#8A878C - #FFC691 | 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 #8A878C a #FFC691

#8A878C #FFC691

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

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

0.0%	0.0% #8A878C	RGB 138 135 140	#8A878C
16.7%	16.7% #9D918C	RGB 157 145 140	#9D918C
33.3%	33.3% #B19C8D	RGB 177 156 141	#B19C8D
50.0%	50.0% #C4A68E	RGB 196 166 142	#C4A68E
66.7%	66.7% #D8B18F	RGB 216 177 143	#D8B18F
83.3%	83.3% #EBBB90	RGB 235 187 144	#EBBB90
100.0%	100.0% #FFC691	RGB 255 198 145	#FFC691

#8A878C #9D918C #B19C8D #C4A68E #D8B18F #EBBB90 #FFC691

#8A878C - #FFC691

Mezcla HSV

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

0.0%	0.0% #8A878C	RGB 138 135 140	#8A878C
16.7%	16.7% #9D8E9F	RGB 157 142 159	#9D8E9F
33.3%	33.3% #B294AB	RGB 178 148 171	#B294AB
50.0%	50.0% #C597AC	RGB 197 151 172	#C597AC
66.7%	66.7% #D897A1	RGB 216 151 161	#D897A1
83.3%	83.3% #EBA495	RGB 235 164 149	#EBA495
100.0%	100.0% #FFC691	RGB 255 198 145	#FFC691

#8A878C #9D8E9F #B294AB #C597AC #D897A1 #EBA495 #FFC691

#8A878C - #C597AC - #FFC691

Códigos CSS

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

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