#81D3D3 - #243C3C | 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 #81D3D3 a #243C3C

#81D3D3 #243C3C

Calcule el color entre dos colores, #81D3D3 y #243C3C. 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)

#81D3D3 - #243C3C | 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 #81D3D3 como 0% y #243C3C como 100%.

0.0%	0.0% #81D3D3	RGB 129 211 211	#81D3D3
16.7%	16.7% #71B9B9	RGB 113 185 185	#71B9B9
33.3%	33.3% #62A0A0	RGB 98 160 160	#62A0A0
50.0%	50.0% #528787	RGB 82 135 135	#528787
66.7%	66.7% #436E6E	RGB 67 110 110	#436E6E
83.3%	83.3% #335555	RGB 51 85 85	#335555
100.0%	100.0% #243C3C	RGB 36 60 60	#243C3C

#81D3D3 #71B9B9 #62A0A0 #528787 #436E6E #335555 #243C3C

#81D3D3 - #243C3C

Mezcla HSV

#81D3D3 - #243C3C | 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 #81D3D3 como 0% y #243C3C como 100%.

0.0%	0.0% #81D3D3	RGB 129 211 211	#81D3D3
16.7%	16.7% #71B9B9	RGB 113 185 185	#71B9B9
33.3%	33.3% #61A0A0	RGB 97 160 160	#61A0A0
50.0%	50.0% #528787	RGB 82 135 135	#528787
66.7%	66.7% #426E6E	RGB 66 110 110	#426E6E
83.3%	83.3% #335555	RGB 51 85 85	#335555
100.0%	100.0% #243C3C	RGB 36 60 60	#243C3C

#81D3D3 #71B9B9 #61A0A0 #528787 #426E6E #335555 #243C3C

#81D3D3 - #528787 - #243C3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81D3D3 0%, #528787 50%, #243C3C 100%);
    background: -webkit-linear-gradient(top, #81D3D3 0%, #528787 50%, #243C3C 100%);
    background: linear-gradient(to bottom, #81D3D3 0%, #528787 50%, #243C3C 100%);
}
</style>