#8AD4D4 - #D1E1BC | 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 #8AD4D4 a #D1E1BC

#8AD4D4 #D1E1BC

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

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

0.0%	0.0% #8AD4D4	RGB 138 212 212	#8AD4D4
16.7%	16.7% #95D6D0	RGB 149 214 208	#95D6D0
33.3%	33.3% #A1D8CC	RGB 161 216 204	#A1D8CC
50.0%	50.0% #ADDAC8	RGB 173 218 200	#ADDAC8
66.7%	66.7% #B9DCC4	RGB 185 220 196	#B9DCC4
83.3%	83.3% #C5DEC0	RGB 197 222 192	#C5DEC0
100.0%	100.0% #D1E1BC	RGB 209 225 188	#D1E1BC

#8AD4D4 #95D6D0 #A1D8CC #ADDAC8 #B9DCC4 #C5DEC0 #D1E1BC

#8AD4D4 - #D1E1BC

Mezcla HSV

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

0.0%	0.0% #8AD4D4	RGB 138 212 212	#8AD4D4
16.7%	16.7% #92D6C4	RGB 146 214 196	#92D6C4
33.3%	33.3% #9AD8B7	RGB 154 216 183	#9AD8B7
50.0%	50.0% #A2DAAE	RGB 162 218 174	#A2DAAE
66.7%	66.7% #ADDCAA	RGB 173 220 170	#ADDCAA
83.3%	83.3% #C0DEB3	RGB 192 222 179	#C0DEB3
100.0%	100.0% #D1E1BC	RGB 209 225 188	#D1E1BC

#8AD4D4 #92D6C4 #9AD8B7 #A2DAAE #ADDCAA #C0DEB3 #D1E1BC

#8AD4D4 - #A2DAAE - #D1E1BC

Códigos CSS

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

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