#241E23 - #C0BEC0 | 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 #241E23 a #C0BEC0

#241E23 #C0BEC0

Calcule el color entre dos colores, #241E23 y #C0BEC0. 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)

#241E23 - #C0BEC0 | 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 #241E23 como 0% y #C0BEC0 como 100%.

0.0%	0.0% #241E23	RGB 36 30 35	#241E23
16.7%	16.7% #3E383D	RGB 62 56 61	#3E383D
33.3%	33.3% #585357	RGB 88 83 87	#585357
50.0%	50.0% #726E71	RGB 114 110 113	#726E71
66.7%	66.7% #8C888B	RGB 140 136 139	#8C888B
83.3%	83.3% #A6A3A5	RGB 166 163 165	#A6A3A5
100.0%	100.0% #C0BEC0	RGB 192 190 192	#C0BEC0

#241E23 #3E383D #585357 #726E71 #8C888B #A6A3A5 #C0BEC0

#241E23 - #C0BEC0

Mezcla HSV

#241E23 - #C0BEC0 | 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 #241E23 como 0% y #C0BEC0 como 100%.

0.0%	0.0% #241E23	RGB 36 30 35	#241E23
16.7%	16.7% #3E353C	RGB 62 53 60	#3E353C
33.3%	33.3% #584D56	RGB 88 77 86	#584D56
50.0%	50.0% #726771	RGB 114 103 113	#726771
66.7%	66.7% #8C838B	RGB 140 131 139	#8C838B
83.3%	83.3% #A69FA5	RGB 166 159 165	#A69FA5
100.0%	100.0% #C0BEC0	RGB 192 190 192	#C0BEC0

#241E23 #3E353C #584D56 #726771 #8C838B #A69FA5 #C0BEC0

#241E23 - #726771 - #C0BEC0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #241E23 0%, #726771 50%, #C0BEC0 100%);
    background: -webkit-linear-gradient(top, #241E23 0%, #726771 50%, #C0BEC0 100%);
    background: linear-gradient(to bottom, #241E23 0%, #726771 50%, #C0BEC0 100%);
}
</style>