#8FC1D4 - #DFEDF2 | 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 #8FC1D4 a #DFEDF2

#8FC1D4 #DFEDF2

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

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

0.0%	0.0% #8FC1D4	RGB 143 193 212	#8FC1D4
16.7%	16.7% #9CC8D9	RGB 156 200 217	#9CC8D9
33.3%	33.3% #A9CFDE	RGB 169 207 222	#A9CFDE
50.0%	50.0% #B7D7E3	RGB 183 215 227	#B7D7E3
66.7%	66.7% #C4DEE8	RGB 196 222 232	#C4DEE8
83.3%	83.3% #D1E5ED	RGB 209 229 237	#D1E5ED
100.0%	100.0% #DFEDF2	RGB 223 237 242	#DFEDF2

#8FC1D4 #9CC8D9 #A9CFDE #B7D7E3 #C4DEE8 #D1E5ED #DFEDF2

#8FC1D4 - #DFEDF2

Mezcla HSV

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

0.0%	0.0% #8FC1D4	RGB 143 193 212	#8FC1D4
16.7%	16.7% #9BC8D9	RGB 155 200 217	#9BC8D9
33.3%	33.3% #A8CFDE	RGB 168 207 222	#A8CFDE
50.0%	50.0% #B5D6E3	RGB 181 214 227	#B5D6E3
66.7%	66.7% #C2DEE8	RGB 194 222 232	#C2DEE8
83.3%	83.3% #D0E5ED	RGB 208 229 237	#D0E5ED
100.0%	100.0% #DFEDF2	RGB 223 237 242	#DFEDF2

#8FC1D4 #9BC8D9 #A8CFDE #B5D6E3 #C2DEE8 #D0E5ED #DFEDF2

#8FC1D4 - #B5D6E3 - #DFEDF2

Códigos CSS

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

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