#C8D9F9 - #DEE7F0 | 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 #C8D9F9 a #DEE7F0

#C8D9F9 #DEE7F0

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

#C8D9F9 - #DEE7F0 | 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 #C8D9F9 como 0% y #DEE7F0 como 100%.

0.0%	0.0% #C8D9F9	RGB 200 217 249	#C8D9F9
16.7%	16.7% #CBDBF7	RGB 203 219 247	#CBDBF7
33.3%	33.3% #CFDDF6	RGB 207 221 246	#CFDDF6
50.0%	50.0% #D3E0F4	RGB 211 224 244	#D3E0F4
66.7%	66.7% #D6E2F3	RGB 214 226 243	#D6E2F3
83.3%	83.3% #DAE4F1	RGB 218 228 241	#DAE4F1
100.0%	100.0% #DEE7F0	RGB 222 231 240	#DEE7F0

#C8D9F9 #CBDBF7 #CFDDF6 #D3E0F4 #D6E2F3 #DAE4F1 #DEE7F0

#C8D9F9 - #DEE7F0

Mezcla HSV

#C8D9F9 - #DEE7F0 | 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 #C8D9F9 como 0% y #DEE7F0 como 100%.

0.0%	0.0% #C8D9F9	RGB 200 217 249	#C8D9F9
16.7%	16.7% #CBDCF7	RGB 203 220 247	#CBDCF7
33.3%	33.3% #CFDEF6	RGB 207 222 246	#CFDEF6
50.0%	50.0% #D3E1F4	RGB 211 225 244	#D3E1F4
66.7%	66.7% #D6E3F3	RGB 214 227 243	#D6E3F3
83.3%	83.3% #DAE5F1	RGB 218 229 241	#DAE5F1
100.0%	100.0% #DEE7F0	RGB 222 231 240	#DEE7F0

#C8D9F9 #CBDCF7 #CFDEF6 #D3E1F4 #D6E3F3 #DAE5F1 #DEE7F0

#C8D9F9 - #D3E1F4 - #DEE7F0

Códigos CSS

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

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