#8F9697 - #E2CDB2 | 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 #8F9697 a #E2CDB2

#8F9697 #E2CDB2

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

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

0.0%	0.0% #8F9697	RGB 143 150 151	#8F9697
16.7%	16.7% #9C9F9B	RGB 156 159 155	#9C9F9B
33.3%	33.3% #AAA8A0	RGB 170 168 160	#AAA8A0
50.0%	50.0% #B8B1A4	RGB 184 177 164	#B8B1A4
66.7%	66.7% #C6BAA9	RGB 198 186 169	#C6BAA9
83.3%	83.3% #D4C3AD	RGB 212 195 173	#D4C3AD
100.0%	100.0% #E2CDB2	RGB 226 205 178	#E2CDB2

#8F9697 #9C9F9B #AAA8A0 #B8B1A4 #C6BAA9 #D4C3AD #E2CDB2

#8F9697 - #E2CDB2

Mezcla HSV

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

0.0%	0.0% #8F9697	RGB 143 150 151	#8F9697
16.7%	16.7% #96A39F	RGB 150 163 159	#96A39F
33.3%	33.3% #9DB0A2	RGB 157 176 162	#9DB0A2
50.0%	50.0% #A7BCA3	RGB 167 188 163	#A7BCA3
66.7%	66.7% #BBC9A8	RGB 187 201 168	#BBC9A8
83.3%	83.3% #D5D5AD	RGB 213 213 173	#D5D5AD
100.0%	100.0% #E2CDB2	RGB 226 205 178	#E2CDB2

#8F9697 #96A39F #9DB0A2 #A7BCA3 #BBC9A8 #D5D5AD #E2CDB2

#8F9697 - #A7BCA3 - #E2CDB2

Códigos CSS

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

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