#31503E - #C4CDC8 | 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 #31503E a #C4CDC8

#31503E #C4CDC8

Calcule el color entre dos colores, #31503E y #C4CDC8. 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)

#31503E - #C4CDC8 | 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 #31503E como 0% y #C4CDC8 como 100%.

0.0%	0.0% #31503E	RGB 49 80 62	#31503E
16.7%	16.7% #496455	RGB 73 100 85	#496455
33.3%	33.3% #62796C	RGB 98 121 108	#62796C
50.0%	50.0% #7A8E83	RGB 122 142 131	#7A8E83
66.7%	66.7% #93A39A	RGB 147 163 154	#93A39A
83.3%	83.3% #ABB8B1	RGB 171 184 177	#ABB8B1
100.0%	100.0% #C4CDC8	RGB 196 205 200	#C4CDC8

#31503E #496455 #62796C #7A8E83 #93A39A #ABB8B1 #C4CDC8

#31503E - #C4CDC8

Mezcla HSV

#31503E - #C4CDC8 | 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 #31503E como 0% y #C4CDC8 como 100%.

0.0%	0.0% #31503E	RGB 49 80 62	#31503E
16.7%	16.7% #436451	RGB 67 100 81	#436451
33.3%	33.3% #587966	RGB 88 121 102	#587966
50.0%	50.0% #6F8E7D	RGB 111 142 125	#6F8E7D
66.7%	66.7% #89A394	RGB 137 163 148	#89A394
83.3%	83.3% #A5B8AD	RGB 165 184 173	#A5B8AD
100.0%	100.0% #C4CDC8	RGB 196 205 200	#C4CDC8

#31503E #436451 #587966 #6F8E7D #89A394 #A5B8AD #C4CDC8

#31503E - #6F8E7D - #C4CDC8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31503E 0%, #6F8E7D 50%, #C4CDC8 100%);
    background: -webkit-linear-gradient(top, #31503E 0%, #6F8E7D 50%, #C4CDC8 100%);
    background: linear-gradient(to bottom, #31503E 0%, #6F8E7D 50%, #C4CDC8 100%);
}
</style>