#6BA69B - #D4E5E2 | 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 #6BA69B a #D4E5E2

#6BA69B #D4E5E2

Calcule el color entre dos colores, #6BA69B y #D4E5E2. 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)

#6BA69B - #D4E5E2 | 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 #6BA69B como 0% y #D4E5E2 como 100%.

0.0%	0.0% #6BA69B	RGB 107 166 155	#6BA69B
16.7%	16.7% #7CB0A6	RGB 124 176 166	#7CB0A6
33.3%	33.3% #8EBBB2	RGB 142 187 178	#8EBBB2
50.0%	50.0% #9FC5BE	RGB 159 197 190	#9FC5BE
66.7%	66.7% #B1D0CA	RGB 177 208 202	#B1D0CA
83.3%	83.3% #C2DAD6	RGB 194 218 214	#C2DAD6
100.0%	100.0% #D4E5E2	RGB 212 229 226	#D4E5E2

#6BA69B #7CB0A6 #8EBBB2 #9FC5BE #B1D0CA #C2DAD6 #D4E5E2

#6BA69B - #D4E5E2

Mezcla HSV

#6BA69B - #D4E5E2 | 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 #6BA69B como 0% y #D4E5E2 como 100%.

0.0%	0.0% #6BA69B	RGB 107 166 155	#6BA69B
16.7%	16.7% #7AB0A6	RGB 122 176 166	#7AB0A6
33.3%	33.3% #8ABBB2	RGB 138 187 178	#8ABBB2
50.0%	50.0% #9BC5BD	RGB 155 197 189	#9BC5BD
66.7%	66.7% #ADD0C9	RGB 173 208 201	#ADD0C9
83.3%	83.3% #C0DAD5	RGB 192 218 213	#C0DAD5
100.0%	100.0% #D4E5E2	RGB 212 229 226	#D4E5E2

#6BA69B #7AB0A6 #8ABBB2 #9BC5BD #ADD0C9 #C0DAD5 #D4E5E2

#6BA69B - #9BC5BD - #D4E5E2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BA69B 0%, #9BC5BD 50%, #D4E5E2 100%);
    background: -webkit-linear-gradient(top, #6BA69B 0%, #9BC5BD 50%, #D4E5E2 100%);
    background: linear-gradient(to bottom, #6BA69B 0%, #9BC5BD 50%, #D4E5E2 100%);
}
</style>