#80D2D2 - #DAF2F2 | 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 #80D2D2 a #DAF2F2

#80D2D2 #DAF2F2

Calcule el color entre dos colores, #80D2D2 y #DAF2F2. 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)

#80D2D2 - #DAF2F2 | 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 #80D2D2 como 0% y #DAF2F2 como 100%.

0.0%	0.0% #80D2D2	RGB 128 210 210	#80D2D2
16.7%	16.7% #8FD7D7	RGB 143 215 215	#8FD7D7
33.3%	33.3% #9EDCDC	RGB 158 220 220	#9EDCDC
50.0%	50.0% #ADE2E2	RGB 173 226 226	#ADE2E2
66.7%	66.7% #BCE7E7	RGB 188 231 231	#BCE7E7
83.3%	83.3% #CBECEC	RGB 203 236 236	#CBECEC
100.0%	100.0% #DAF2F2	RGB 218 242 242	#DAF2F2

#80D2D2 #8FD7D7 #9EDCDC #ADE2E2 #BCE7E7 #CBECEC #DAF2F2

#80D2D2 - #DAF2F2

Mezcla HSV

#80D2D2 - #DAF2F2 | 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 #80D2D2 como 0% y #DAF2F2 como 100%.

0.0%	0.0% #80D2D2	RGB 128 210 210	#80D2D2
16.7%	16.7% #8DD7D7	RGB 141 215 215	#8DD7D7
33.3%	33.3% #9BDCDC	RGB 155 220 220	#9BDCDC
50.0%	50.0% #AAE2E2	RGB 170 226 226	#AAE2E2
66.7%	66.7% #B9E7E7	RGB 185 231 231	#B9E7E7
83.3%	83.3% #C9ECEC	RGB 201 236 236	#C9ECEC
100.0%	100.0% #DAF2F2	RGB 218 242 242	#DAF2F2

#80D2D2 #8DD7D7 #9BDCDC #AAE2E2 #B9E7E7 #C9ECEC #DAF2F2

#80D2D2 - #AAE2E2 - #DAF2F2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #80D2D2 0%, #AAE2E2 50%, #DAF2F2 100%);
    background: -webkit-linear-gradient(top, #80D2D2 0%, #AAE2E2 50%, #DAF2F2 100%);
    background: linear-gradient(to bottom, #80D2D2 0%, #AAE2E2 50%, #DAF2F2 100%);
}
</style>