#C6F9F9 - #384747 | 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 #C6F9F9 a #384747

#C6F9F9 #384747

Calcule el color entre dos colores, #C6F9F9 y #384747. 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)

#C6F9F9 - #384747 | 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 #C6F9F9 como 0% y #384747 como 100%.

0.0%	0.0% #C6F9F9	RGB 198 249 249	#C6F9F9
16.7%	16.7% #AEDBDB	RGB 174 219 219	#AEDBDB
33.3%	33.3% #96BDBD	RGB 150 189 189	#96BDBD
50.0%	50.0% #7FA0A0	RGB 127 160 160	#7FA0A0
66.7%	66.7% #678282	RGB 103 130 130	#678282
83.3%	83.3% #4F6464	RGB 79 100 100	#4F6464
100.0%	100.0% #384747	RGB 56 71 71	#384747

#C6F9F9 #AEDBDB #96BDBD #7FA0A0 #678282 #4F6464 #384747

#C6F9F9 - #384747

Mezcla HSV

#C6F9F9 - #384747 | 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 #C6F9F9 como 0% y #384747 como 100%.

0.0%	0.0% #C6F9F9	RGB 198 249 249	#C6F9F9
16.7%	16.7% #AEDBDB	RGB 174 219 219	#AEDBDB
33.3%	33.3% #96BDBD	RGB 150 189 189	#96BDBD
50.0%	50.0% #7EA0A0	RGB 126 160 160	#7EA0A0
66.7%	66.7% #678282	RGB 103 130 130	#678282
83.3%	83.3% #4F6464	RGB 79 100 100	#4F6464
100.0%	100.0% #384747	RGB 56 71 71	#384747

#C6F9F9 #AEDBDB #96BDBD #7EA0A0 #678282 #4F6464 #384747

#C6F9F9 - #7EA0A0 - #384747

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6F9F9 0%, #7EA0A0 50%, #384747 100%);
    background: -webkit-linear-gradient(top, #C6F9F9 0%, #7EA0A0 50%, #384747 100%);
    background: linear-gradient(to bottom, #C6F9F9 0%, #7EA0A0 50%, #384747 100%);
}
</style>