#8AD2D2 - #DDF2F2 | 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 #8AD2D2 a #DDF2F2

#8AD2D2 #DDF2F2

Calcule el color entre dos colores, #8AD2D2 y #DDF2F2. 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)

#8AD2D2 - #DDF2F2 | 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 #8AD2D2 como 0% y #DDF2F2 como 100%.

0.0%	0.0% #8AD2D2	RGB 138 210 210	#8AD2D2
16.7%	16.7% #97D7D7	RGB 151 215 215	#97D7D7
33.3%	33.3% #A5DCDC	RGB 165 220 220	#A5DCDC
50.0%	50.0% #B3E2E2	RGB 179 226 226	#B3E2E2
66.7%	66.7% #C1E7E7	RGB 193 231 231	#C1E7E7
83.3%	83.3% #CFECEC	RGB 207 236 236	#CFECEC
100.0%	100.0% #DDF2F2	RGB 221 242 242	#DDF2F2

#8AD2D2 #97D7D7 #A5DCDC #B3E2E2 #C1E7E7 #CFECEC #DDF2F2

#8AD2D2 - #DDF2F2

Mezcla HSV

#8AD2D2 - #DDF2F2 | 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 #8AD2D2 como 0% y #DDF2F2 como 100%.

0.0%	0.0% #8AD2D2	RGB 138 210 210	#8AD2D2
16.7%	16.7% #96D7D7	RGB 150 215 215	#96D7D7
33.3%	33.3% #A3DCDC	RGB 163 220 220	#A3DCDC
50.0%	50.0% #B1E2E2	RGB 177 226 226	#B1E2E2
66.7%	66.7% #BFE7E7	RGB 191 231 231	#BFE7E7
83.3%	83.3% #CEECEC	RGB 206 236 236	#CEECEC
100.0%	100.0% #DDF2F2	RGB 221 242 242	#DDF2F2

#8AD2D2 #96D7D7 #A3DCDC #B1E2E2 #BFE7E7 #CEECEC #DDF2F2

#8AD2D2 - #B1E2E2 - #DDF2F2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8AD2D2 0%, #B1E2E2 50%, #DDF2F2 100%);
    background: -webkit-linear-gradient(top, #8AD2D2 0%, #B1E2E2 50%, #DDF2F2 100%);
    background: linear-gradient(to bottom, #8AD2D2 0%, #B1E2E2 50%, #DDF2F2 100%);
}
</style>