#5C5E5E - #82D7CB | 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 #5C5E5E a #82D7CB

#5C5E5E #82D7CB

Calcule el color entre dos colores, #5C5E5E y #82D7CB. 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)

#5C5E5E - #82D7CB | 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 #5C5E5E como 0% y #82D7CB como 100%.

0.0%	0.0% #5C5E5E	RGB 92 94 94	#5C5E5E
16.7%	16.7% #627270	RGB 98 114 112	#627270
33.3%	33.3% #688682	RGB 104 134 130	#688682
50.0%	50.0% #6F9A94	RGB 111 154 148	#6F9A94
66.7%	66.7% #75AEA6	RGB 117 174 166	#75AEA6
83.3%	83.3% #7BC2B8	RGB 123 194 184	#7BC2B8
100.0%	100.0% #82D7CB	RGB 130 215 203	#82D7CB

#5C5E5E #627270 #688682 #6F9A94 #75AEA6 #7BC2B8 #82D7CB

#5C5E5E - #82D7CB

Mezcla HSV

#5C5E5E - #82D7CB | 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 #5C5E5E como 0% y #82D7CB como 100%.

0.0%	0.0% #5C5E5E	RGB 92 94 94	#5C5E5E
16.7%	16.7% #687271	RGB 104 114 113	#687271
33.3%	33.3% #728685	RGB 114 134 133	#728685
50.0%	50.0% #7A9A98	RGB 122 154 152	#7A9A98
66.7%	66.7% #7FAEAA	RGB 127 174 170	#7FAEAA
83.3%	83.3% #81C2BB	RGB 129 194 187	#81C2BB
100.0%	100.0% #82D7CB	RGB 130 215 203	#82D7CB

#5C5E5E #687271 #728685 #7A9A98 #7FAEAA #81C2BB #82D7CB

#5C5E5E - #7A9A98 - #82D7CB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E5E 0%, #7A9A98 50%, #82D7CB 100%);
    background: -webkit-linear-gradient(top, #5C5E5E 0%, #7A9A98 50%, #82D7CB 100%);
    background: linear-gradient(to bottom, #5C5E5E 0%, #7A9A98 50%, #82D7CB 100%);
}
</style>