#0DA681 - #B9E5DB | 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 #0DA681 a #B9E5DB

#0DA681 #B9E5DB

Calcule el color entre dos colores, #0DA681 y #B9E5DB. 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)

#0DA681 - #B9E5DB | 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 #0DA681 como 0% y #B9E5DB como 100%.

0.0%	0.0% #0DA681	RGB 13 166 129	#0DA681
16.7%	16.7% #29B090	RGB 41 176 144	#29B090
33.3%	33.3% #46BB9F	RGB 70 187 159	#46BB9F
50.0%	50.0% #63C5AE	RGB 99 197 174	#63C5AE
66.7%	66.7% #7FD0BD	RGB 127 208 189	#7FD0BD
83.3%	83.3% #9CDACC	RGB 156 218 204	#9CDACC
100.0%	100.0% #B9E5DB	RGB 185 229 219	#B9E5DB

#0DA681 #29B090 #46BB9F #63C5AE #7FD0BD #9CDACC #B9E5DB

#0DA681 - #B9E5DB

Mezcla HSV

#0DA681 - #B9E5DB | 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 #0DA681 como 0% y #B9E5DB como 100%.

0.0%	0.0% #0CA680	RGB 12 166 128	#0CA680
16.7%	16.7% #23B08E	RGB 35 176 142	#23B08E
33.3%	33.3% #3CBB9C	RGB 60 187 156	#3CBB9C
50.0%	50.0% #57C5AB	RGB 87 197 171	#57C5AB
66.7%	66.7% #75D0BA	RGB 117 208 186	#75D0BA
83.3%	83.3% #95DACA	RGB 149 218 202	#95DACA
100.0%	100.0% #B9E5DB	RGB 185 229 219	#B9E5DB

#0CA680 #23B08E #3CBB9C #57C5AB #75D0BA #95DACA #B9E5DB

#0DA681 - #57C5AB - #B9E5DB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0CA680 0%, #57C5AB 50%, #B9E5DB 100%);
    background: -webkit-linear-gradient(top, #0CA680 0%, #57C5AB 50%, #B9E5DB 100%);
    background: linear-gradient(to bottom, #0CA680 0%, #57C5AB 50%, #B9E5DB 100%);
}
</style>