#474B3D - #CACBC7 | 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 #474B3D a #CACBC7

#474B3D #CACBC7

Calcule el color entre dos colores, #474B3D y #CACBC7. 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)

#474B3D - #CACBC7 | 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 #474B3D como 0% y #CACBC7 como 100%.

0.0%	0.0% #474B3D	RGB 71 75 61	#474B3D
16.7%	16.7% #5C6054	RGB 92 96 84	#5C6054
33.3%	33.3% #72756B	RGB 114 117 107	#72756B
50.0%	50.0% #888B82	RGB 136 139 130	#888B82
66.7%	66.7% #9EA099	RGB 158 160 153	#9EA099
83.3%	83.3% #B4B5B0	RGB 180 181 176	#B4B5B0
100.0%	100.0% #CACBC7	RGB 202 203 199	#CACBC7

#474B3D #5C6054 #72756B #888B82 #9EA099 #B4B5B0 #CACBC7

#474B3D - #CACBC7

Mezcla HSV

#474B3D - #CACBC7 | 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 #474B3D como 0% y #CACBC7 como 100%.

0.0%	0.0% #474B3D	RGB 71 75 61	#474B3D
16.7%	16.7% #5C6051	RGB 92 96 81	#5C6051
33.3%	33.3% #717566	RGB 113 117 102	#717566
50.0%	50.0% #878B7C	RGB 135 139 124	#878B7C
66.7%	66.7% #9DA094	RGB 157 160 148	#9DA094
83.3%	83.3% #B3B5AD	RGB 179 181 173	#B3B5AD
100.0%	100.0% #CACBC7	RGB 202 203 199	#CACBC7

#474B3D #5C6051 #717566 #878B7C #9DA094 #B3B5AD #CACBC7

#474B3D - #878B7C - #CACBC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #474B3D 0%, #878B7C 50%, #CACBC7 100%);
    background: -webkit-linear-gradient(top, #474B3D 0%, #878B7C 50%, #CACBC7 100%);
    background: linear-gradient(to bottom, #474B3D 0%, #878B7C 50%, #CACBC7 100%);
}
</style>