#5E5E6E - #81B1CD | 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 #5E5E6E a #81B1CD

#5E5E6E #81B1CD

Calcule el color entre dos colores, #5E5E6E y #81B1CD. 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)

#5E5E6E - #81B1CD | 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 #5E5E6E como 0% y #81B1CD como 100%.

0.0%	0.0% #5E5E6E	RGB 94 94 110	#5E5E6E
16.7%	16.7% #636B7D	RGB 99 107 125	#636B7D
33.3%	33.3% #69798D	RGB 105 121 141	#69798D
50.0%	50.0% #6F879D	RGB 111 135 157	#6F879D
66.7%	66.7% #7595AD	RGB 117 149 173	#7595AD
83.3%	83.3% #7BA3BD	RGB 123 163 189	#7BA3BD
100.0%	100.0% #81B1CD	RGB 129 177 205	#81B1CD

#5E5E6E #636B7D #69798D #6F879D #7595AD #7BA3BD #81B1CD

#5E5E6E - #81B1CD

Mezcla HSV

#5E5E6E - #81B1CD | 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 #5E5E6E como 0% y #81B1CD como 100%.

0.0%	0.0% #5E5E6E	RGB 94 94 110	#5E5E6E
16.7%	16.7% #66697D	RGB 102 105 125	#66697D
33.3%	33.3% #6E758D	RGB 110 117 141	#6E758D
50.0%	50.0% #74819D	RGB 116 129 157	#74819D
66.7%	66.7% #7A8FAD	RGB 122 143 173	#7A8FAD
83.3%	83.3% #7E9FBD	RGB 126 159 189	#7E9FBD
100.0%	100.0% #81B1CD	RGB 129 177 205	#81B1CD

#5E5E6E #66697D #6E758D #74819D #7A8FAD #7E9FBD #81B1CD

#5E5E6E - #74819D - #81B1CD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6E 0%, #74819D 50%, #81B1CD 100%);
    background: -webkit-linear-gradient(top, #5E5E6E 0%, #74819D 50%, #81B1CD 100%);
    background: linear-gradient(to bottom, #5E5E6E 0%, #74819D 50%, #81B1CD 100%);
}
</style>