#4C5655 - #CBCECE | 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 #4C5655 a #CBCECE

#4C5655 #CBCECE

Calcule el color entre dos colores, #4C5655 y #CBCECE. 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)

#4C5655 - #CBCECE | 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 #4C5655 como 0% y #CBCECE como 100%.

0.0%	0.0% #4C5655	RGB 76 86 85	#4C5655
16.7%	16.7% #616A69	RGB 97 106 105	#616A69
33.3%	33.3% #767E7D	RGB 118 126 125	#767E7D
50.0%	50.0% #8B9291	RGB 139 146 145	#8B9291
66.7%	66.7% #A0A6A5	RGB 160 166 165	#A0A6A5
83.3%	83.3% #B5BAB9	RGB 181 186 185	#B5BAB9
100.0%	100.0% #CBCECE	RGB 203 206 206	#CBCECE

#4C5655 #616A69 #767E7D #8B9291 #A0A6A5 #B5BAB9 #CBCECE

#4C5655 - #CBCECE

Mezcla HSV

#4C5655 - #CBCECE | 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 #4C5655 como 0% y #CBCECE como 100%.

0.0%	0.0% #4C5655	RGB 76 86 85	#4C5655
16.7%	16.7% #5F6A69	RGB 95 106 105	#5F6A69
33.3%	33.3% #737E7D	RGB 115 126 125	#737E7D
50.0%	50.0% #889291	RGB 136 146 145	#889291
66.7%	66.7% #9DA6A5	RGB 157 166 165	#9DA6A5
83.3%	83.3% #B4BAB9	RGB 180 186 185	#B4BAB9
100.0%	100.0% #CBCECE	RGB 203 206 206	#CBCECE

#4C5655 #5F6A69 #737E7D #889291 #9DA6A5 #B4BAB9 #CBCECE

#4C5655 - #889291 - #CBCECE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5655 0%, #889291 50%, #CBCECE 100%);
    background: -webkit-linear-gradient(top, #4C5655 0%, #889291 50%, #CBCECE 100%);
    background: linear-gradient(to bottom, #4C5655 0%, #889291 50%, #CBCECE 100%);
}
</style>