#A8D8D2 - #303D3C | 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 #A8D8D2 a #303D3C

#A8D8D2 #303D3C

Calcule el color entre dos colores, #A8D8D2 y #303D3C. 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)

#A8D8D2 - #303D3C | 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 #A8D8D2 como 0% y #303D3C como 100%.

0.0%	0.0% #A8D8D2	RGB 168 216 210	#A8D8D2
16.7%	16.7% #94BEB9	RGB 148 190 185	#94BEB9
33.3%	33.3% #80A4A0	RGB 128 164 160	#80A4A0
50.0%	50.0% #6C8A87	RGB 108 138 135	#6C8A87
66.7%	66.7% #58706E	RGB 88 112 110	#58706E
83.3%	83.3% #445655	RGB 68 86 85	#445655
100.0%	100.0% #303D3C	RGB 48 61 60	#303D3C

#A8D8D2 #94BEB9 #80A4A0 #6C8A87 #58706E #445655 #303D3C

#A8D8D2 - #303D3C

Mezcla HSV

#A8D8D2 - #303D3C | 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 #A8D8D2 como 0% y #303D3C como 100%.

0.0%	0.0% #A8D8D2	RGB 168 216 210	#A8D8D2
16.7%	16.7% #94BEB9	RGB 148 190 185	#94BEB9
33.3%	33.3% #80A4A0	RGB 128 164 160	#80A4A0
50.0%	50.0% #6C8A87	RGB 108 138 135	#6C8A87
66.7%	66.7% #58706E	RGB 88 112 110	#58706E
83.3%	83.3% #445655	RGB 68 86 85	#445655
100.0%	100.0% #303D3C	RGB 48 61 60	#303D3C

#A8D8D2 #94BEB9 #80A4A0 #6C8A87 #58706E #445655 #303D3C

#A8D8D2 - #6C8A87 - #303D3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D8D2 0%, #6C8A87 50%, #303D3C 100%);
    background: -webkit-linear-gradient(top, #A8D8D2 0%, #6C8A87 50%, #303D3C 100%);
    background: linear-gradient(to bottom, #A8D8D2 0%, #6C8A87 50%, #303D3C 100%);
}
</style>