#81D5A8 - #243C30 | 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 #81D5A8 a #243C30

#81D5A8 #243C30

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

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

0.0%	0.0% #81D5A8	RGB 129 213 168	#81D5A8
16.7%	16.7% #71BB94	RGB 113 187 148	#71BB94
33.3%	33.3% #62A280	RGB 98 162 128	#62A280
50.0%	50.0% #52886C	RGB 82 136 108	#52886C
66.7%	66.7% #436F58	RGB 67 111 88	#436F58
83.3%	83.3% #335544	RGB 51 85 68	#335544
100.0%	100.0% #243C30	RGB 36 60 48	#243C30

#81D5A8 #71BB94 #62A280 #52886C #436F58 #335544 #243C30

#81D5A8 - #243C30

Mezcla HSV

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

0.0%	0.0% #81D5A8	RGB 129 213 168	#81D5A8
16.7%	16.7% #71BB94	RGB 113 187 148	#71BB94
33.3%	33.3% #61A280	RGB 97 162 128	#61A280
50.0%	50.0% #52886C	RGB 82 136 108	#52886C
66.7%	66.7% #426F58	RGB 66 111 88	#426F58
83.3%	83.3% #335544	RGB 51 85 68	#335544
100.0%	100.0% #243C30	RGB 36 60 48	#243C30

#81D5A8 #71BB94 #61A280 #52886C #426F58 #335544 #243C30

#81D5A8 - #52886C - #243C30

Códigos CSS

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

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