#DAF0ED - #CBEADE | 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 #DAF0ED a #CBEADE

#DAF0ED #CBEADE

Calcule el color entre dos colores, #DAF0ED y #CBEADE. 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)

#DAF0ED - #CBEADE | 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 #DAF0ED como 0% y #CBEADE como 100%.

0.0%	0.0% #DAF0ED	RGB 218 240 237	#DAF0ED
16.7%	16.7% #D7EFEA	RGB 215 239 234	#D7EFEA
33.3%	33.3% #D5EEE8	RGB 213 238 232	#D5EEE8
50.0%	50.0% #D2EDE5	RGB 210 237 229	#D2EDE5
66.7%	66.7% #D0ECE3	RGB 208 236 227	#D0ECE3
83.3%	83.3% #CDEBE0	RGB 205 235 224	#CDEBE0
100.0%	100.0% #CBEADE	RGB 203 234 222	#CBEADE

#DAF0ED #D7EFEA #D5EEE8 #D2EDE5 #D0ECE3 #CDEBE0 #CBEADE

#DAF0ED - #CBEADE

Mezcla HSV

#DAF0ED - #CBEADE | 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 #DAF0ED como 0% y #CBEADE como 100%.

0.0%	0.0% #DAF0ED	RGB 218 240 237	#DAF0ED
16.7%	16.7% #D7EFEA	RGB 215 239 234	#D7EFEA
33.3%	33.3% #D4EEE8	RGB 212 238 232	#D4EEE8
50.0%	50.0% #D2EDE6	RGB 210 237 230	#D2EDE6
66.7%	66.7% #CFECE3	RGB 207 236 227	#CFECE3
83.3%	83.3% #CDEBE0	RGB 205 235 224	#CDEBE0
100.0%	100.0% #CBEADE	RGB 203 234 222	#CBEADE

#DAF0ED #D7EFEA #D4EEE8 #D2EDE6 #CFECE3 #CDEBE0 #CBEADE

#DAF0ED - #D2EDE6 - #CBEADE

Códigos CSS

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

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