#42493C - #C9CBC7 | 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 #42493C a #C9CBC7

#42493C #C9CBC7

Calcule el color entre dos colores, #42493C y #C9CBC7. 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)

#42493C - #C9CBC7 | 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 #42493C como 0% y #C9CBC7 como 100%.

0.0%	0.0% #42493C	RGB 66 73 60	#42493C
16.7%	16.7% #585E53	RGB 88 94 83	#585E53
33.3%	33.3% #6F746A	RGB 111 116 106	#6F746A
50.0%	50.0% #858A81	RGB 133 138 129	#858A81
66.7%	66.7% #9C9F98	RGB 156 159 152	#9C9F98
83.3%	83.3% #B2B5AF	RGB 178 181 175	#B2B5AF
100.0%	100.0% #C9CBC7	RGB 201 203 199	#C9CBC7

#42493C #585E53 #6F746A #858A81 #9C9F98 #B2B5AF #C9CBC7

#42493C - #C9CBC7

Mezcla HSV

#42493C - #C9CBC7 | 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 #42493C como 0% y #C9CBC7 como 100%.

0.0%	0.0% #42493C	RGB 66 73 60	#42493C
16.7%	16.7% #575E50	RGB 87 94 80	#575E50
33.3%	33.3% #6C7465	RGB 108 116 101	#6C7465
50.0%	50.0% #828A7C	RGB 130 138 124	#828A7C
66.7%	66.7% #999F94	RGB 153 159 148	#999F94
83.3%	83.3% #B1B5AC	RGB 177 181 172	#B1B5AC
100.0%	100.0% #C9CBC7	RGB 201 203 199	#C9CBC7

#42493C #575E50 #6C7465 #828A7C #999F94 #B1B5AC #C9CBC7

#42493C - #828A7C - #C9CBC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #42493C 0%, #828A7C 50%, #C9CBC7 100%);
    background: -webkit-linear-gradient(top, #42493C 0%, #828A7C 50%, #C9CBC7 100%);
    background: linear-gradient(to bottom, #42493C 0%, #828A7C 50%, #C9CBC7 100%);
}
</style>