#464F56 - #CACCCE | 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 #464F56 a #CACCCE

#464F56 #CACCCE

Calcule el color entre dos colores, #464F56 y #CACCCE. 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)

#464F56 - #CACCCE | 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 #464F56 como 0% y #CACCCE como 100%.

0.0%	0.0% #464F56	RGB 70 79 86	#464F56
16.7%	16.7% #5C636A	RGB 92 99 106	#5C636A
33.3%	33.3% #72787E	RGB 114 120 126	#72787E
50.0%	50.0% #888D92	RGB 136 141 146	#888D92
66.7%	66.7% #9EA2A6	RGB 158 162 166	#9EA2A6
83.3%	83.3% #B4B7BA	RGB 180 183 186	#B4B7BA
100.0%	100.0% #CACCCE	RGB 202 204 206	#CACCCE

#464F56 #5C636A #72787E #888D92 #9EA2A6 #B4B7BA #CACCCE

#464F56 - #CACCCE

Mezcla HSV

#464F56 - #CACCCE | 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 #464F56 como 0% y #CACCCE como 100%.

0.0%	0.0% #464F56	RGB 70 79 86	#464F56
16.7%	16.7% #59626A	RGB 89 98 106	#59626A
33.3%	33.3% #6D767E	RGB 109 118 126	#6D767E
50.0%	50.0% #838A92	RGB 131 138 146	#838A92
66.7%	66.7% #99A0A6	RGB 153 160 166	#99A0A6
83.3%	83.3% #B1B5BA	RGB 177 181 186	#B1B5BA
100.0%	100.0% #CACCCE	RGB 202 204 206	#CACCCE

#464F56 #59626A #6D767E #838A92 #99A0A6 #B1B5BA #CACCCE

#464F56 - #838A92 - #CACCCE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464F56 0%, #838A92 50%, #CACCCE 100%);
    background: -webkit-linear-gradient(top, #464F56 0%, #838A92 50%, #CACCCE 100%);
    background: linear-gradient(to bottom, #464F56 0%, #838A92 50%, #CACCCE 100%);
}
</style>