#D4D8DB - #C5E7DA | 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 #D4D8DB a #C5E7DA

#D4D8DB #C5E7DA

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

#D4D8DB - #C5E7DA | 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 #D4D8DB como 0% y #C5E7DA como 100%.

0.0%	0.0% #D4D8DB	RGB 212 216 219	#D4D8DB
16.7%	16.7% #D1DADA	RGB 209 218 218	#D1DADA
33.3%	33.3% #CFDDDA	RGB 207 221 218	#CFDDDA
50.0%	50.0% #CCDFDA	RGB 204 223 218	#CCDFDA
66.7%	66.7% #CAE2DA	RGB 202 226 218	#CAE2DA
83.3%	83.3% #C7E4DA	RGB 199 228 218	#C7E4DA
100.0%	100.0% #C5E7DA	RGB 197 231 218	#C5E7DA

#D4D8DB #D1DADA #CFDDDA #CCDFDA #CAE2DA #C7E4DA #C5E7DA

#D4D8DB - #C5E7DA

Mezcla HSV

#D4D8DB - #C5E7DA | 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 #D4D8DB como 0% y #C5E7DA como 100%.

0.0%	0.0% #D4D8DB	RGB 212 216 219	#D4D8DB
16.7%	16.7% #D1D9DD	RGB 209 217 221	#D1D9DD
33.3%	33.3% #CFDCDF	RGB 207 220 223	#CFDCDF
50.0%	50.0% #CCE0E1	RGB 204 224 225	#CCE0E1
66.7%	66.7% #CAE3E0	RGB 202 227 224	#CAE3E0
83.3%	83.3% #C7E5DD	RGB 199 229 221	#C7E5DD
100.0%	100.0% #C5E7DA	RGB 197 231 218	#C5E7DA

#D4D8DB #D1D9DD #CFDCDF #CCE0E1 #CAE3E0 #C7E5DD #C5E7DA

#D4D8DB - #CCE0E1 - #C5E7DA

Códigos CSS

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

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