#9C9E8D - #E2E3DE | 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 #9C9E8D a #E2E3DE

#9C9E8D #E2E3DE

Calcule el color entre dos colores, #9C9E8D y #E2E3DE. 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)

#9C9E8D - #E2E3DE | 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 #9C9E8D como 0% y #E2E3DE como 100%.

0.0%	0.0% #9C9E8D	RGB 156 158 141	#9C9E8D
16.7%	16.7% #A7A99A	RGB 167 169 154	#A7A99A
33.3%	33.3% #B3B5A8	RGB 179 181 168	#B3B5A8
50.0%	50.0% #BFC0B5	RGB 191 192 181	#BFC0B5
66.7%	66.7% #CACCC3	RGB 202 204 195	#CACCC3
83.3%	83.3% #D6D7D0	RGB 214 215 208	#D6D7D0
100.0%	100.0% #E2E3DE	RGB 226 227 222	#E2E3DE

#9C9E8D #A7A99A #B3B5A8 #BFC0B5 #CACCC3 #D6D7D0 #E2E3DE

#9C9E8D - #E2E3DE

Mezcla HSV

#9C9E8D - #E2E3DE | 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 #9C9E8D como 0% y #E2E3DE como 100%.

0.0%	0.0% #9C9E8D	RGB 156 158 141	#9C9E8D
16.7%	16.7% #A7A999	RGB 167 169 153	#A7A999
33.3%	33.3% #B2B5A6	RGB 178 181 166	#B2B5A6
50.0%	50.0% #BEC0B4	RGB 190 192 180	#BEC0B4
66.7%	66.7% #CACCC1	RGB 202 204 193	#CACCC1
83.3%	83.3% #D6D7CF	RGB 214 215 207	#D6D7CF
100.0%	100.0% #E2E3DE	RGB 226 227 222	#E2E3DE

#9C9E8D #A7A999 #B2B5A6 #BEC0B4 #CACCC1 #D6D7CF #E2E3DE

#9C9E8D - #BEC0B4 - #E2E3DE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C9E8D 0%, #BEC0B4 50%, #E2E3DE 100%);
    background: -webkit-linear-gradient(top, #9C9E8D 0%, #BEC0B4 50%, #E2E3DE 100%);
    background: linear-gradient(to bottom, #9C9E8D 0%, #BEC0B4 50%, #E2E3DE 100%);
}
</style>