#DAF0F0 - #CAE9DE | 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 #DAF0F0 a #CAE9DE

#DAF0F0 #CAE9DE

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

#DAF0F0 - #CAE9DE | 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 #DAF0F0 como 0% y #CAE9DE como 100%.

0.0%	0.0% #DAF0F0	RGB 218 240 240	#DAF0F0
16.7%	16.7% #D7EEED	RGB 215 238 237	#D7EEED
33.3%	33.3% #D4EDEA	RGB 212 237 234	#D4EDEA
50.0%	50.0% #D2ECE7	RGB 210 236 231	#D2ECE7
66.7%	66.7% #CFEBE4	RGB 207 235 228	#CFEBE4
83.3%	83.3% #CCEAE1	RGB 204 234 225	#CCEAE1
100.0%	100.0% #CAE9DE	RGB 202 233 222	#CAE9DE

#DAF0F0 #D7EEED #D4EDEA #D2ECE7 #CFEBE4 #CCEAE1 #CAE9DE

#DAF0F0 - #CAE9DE

Mezcla HSV

#DAF0F0 - #CAE9DE | 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 #DAF0F0 como 0% y #CAE9DE como 100%.

0.0%	0.0% #DAF0F0	RGB 218 240 240	#DAF0F0
16.7%	16.7% #D7EEED	RGB 215 238 237	#D7EEED
33.3%	33.3% #D4EDEA	RGB 212 237 234	#D4EDEA
50.0%	50.0% #D1ECE7	RGB 209 236 231	#D1ECE7
66.7%	66.7% #CFEBE4	RGB 207 235 228	#CFEBE4
83.3%	83.3% #CCEAE1	RGB 204 234 225	#CCEAE1
100.0%	100.0% #CAE9DE	RGB 202 233 222	#CAE9DE

#DAF0F0 #D7EEED #D4EDEA #D1ECE7 #CFEBE4 #CCEAE1 #CAE9DE

#DAF0F0 - #D1ECE7 - #CAE9DE

Códigos CSS

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

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