#69C9B9 - #D4EFEB | 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 #69C9B9 a #D4EFEB

#69C9B9 #D4EFEB

Calcule el color entre dos colores, #69C9B9 y #D4EFEB. 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)

#69C9B9 - #D4EFEB | 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 #69C9B9 como 0% y #D4EFEB como 100%.

0.0%	0.0% #69C9B9	RGB 105 201 185	#69C9B9
16.7%	16.7% #7ACFC1	RGB 122 207 193	#7ACFC1
33.3%	33.3% #8CD5C9	RGB 140 213 201	#8CD5C9
50.0%	50.0% #9EDCD2	RGB 158 220 210	#9EDCD2
66.7%	66.7% #B0E2DA	RGB 176 226 218	#B0E2DA
83.3%	83.3% #C2E8E2	RGB 194 232 226	#C2E8E2
100.0%	100.0% #D4EFEB	RGB 212 239 235	#D4EFEB

#69C9B9 #7ACFC1 #8CD5C9 #9EDCD2 #B0E2DA #C2E8E2 #D4EFEB

#69C9B9 - #D4EFEB

Mezcla HSV

#69C9B9 - #D4EFEB | 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 #69C9B9 como 0% y #D4EFEB como 100%.

0.0%	0.0% #69C9B9	RGB 105 201 185	#69C9B9
16.7%	16.7% #78CFC1	RGB 120 207 193	#78CFC1
33.3%	33.3% #89D5C9	RGB 137 213 201	#89D5C9
50.0%	50.0% #9BDCD1	RGB 155 220 209	#9BDCD1
66.7%	66.7% #ADE2DA	RGB 173 226 218	#ADE2DA
83.3%	83.3% #C0E8E2	RGB 192 232 226	#C0E8E2
100.0%	100.0% #D4EFEB	RGB 212 239 235	#D4EFEB

#69C9B9 #78CFC1 #89D5C9 #9BDCD1 #ADE2DA #C0E8E2 #D4EFEB

#69C9B9 - #9BDCD1 - #D4EFEB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #69C9B9 0%, #9BDCD1 50%, #D4EFEB 100%);
    background: -webkit-linear-gradient(top, #69C9B9 0%, #9BDCD1 50%, #D4EFEB 100%);
    background: linear-gradient(to bottom, #69C9B9 0%, #9BDCD1 50%, #D4EFEB 100%);
}
</style>