#DAF2F2 - #6FCCCB | 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 #DAF2F2 a #6FCCCB

#DAF2F2 #6FCCCB

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

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

0.0%	0.0% #DAF2F2	RGB 218 242 242	#DAF2F2
16.7%	16.7% #C8EBEB	RGB 200 235 235	#C8EBEB
33.3%	33.3% #B6E5E5	RGB 182 229 229	#B6E5E5
50.0%	50.0% #A4DFDE	RGB 164 223 222	#A4DFDE
66.7%	66.7% #92D8D8	RGB 146 216 216	#92D8D8
83.3%	83.3% #80D2D1	RGB 128 210 209	#80D2D1
100.0%	100.0% #6FCCCB	RGB 111 204 203	#6FCCCB

#DAF2F2 #C8EBEB #B6E5E5 #A4DFDE #92D8D8 #80D2D1 #6FCCCB

#DAF2F2 - #6FCCCB

Mezcla HSV

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

0.0%	0.0% #DAF2F2	RGB 218 242 242	#DAF2F2
16.7%	16.7% #C6EBEB	RGB 198 235 235	#C6EBEB
33.3%	33.3% #B3E5E5	RGB 179 229 229	#B3E5E5
50.0%	50.0% #A1DFDE	RGB 161 223 222	#A1DFDE
66.7%	66.7% #8FD8D8	RGB 143 216 216	#8FD8D8
83.3%	83.3% #7ED2D1	RGB 126 210 209	#7ED2D1
100.0%	100.0% #6FCCCB	RGB 111 204 203	#6FCCCB

#DAF2F2 #C6EBEB #B3E5E5 #A1DFDE #8FD8D8 #7ED2D1 #6FCCCB

#DAF2F2 - #A1DFDE - #6FCCCB

Códigos CSS

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

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