#C5EFE7 - #D4E7D4 | 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 #C5EFE7 a #D4E7D4

#C5EFE7 #D4E7D4

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

#C5EFE7 - #D4E7D4 | 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 #C5EFE7 como 0% y #D4E7D4 como 100%.

0.0%	0.0% #C5EFE7	RGB 197 239 231	#C5EFE7
16.7%	16.7% #C7EDE3	RGB 199 237 227	#C7EDE3
33.3%	33.3% #CAECE0	RGB 202 236 224	#CAECE0
50.0%	50.0% #CCEBDD	RGB 204 235 221	#CCEBDD
66.7%	66.7% #CFE9DA	RGB 207 233 218	#CFE9DA
83.3%	83.3% #D1E8D7	RGB 209 232 215	#D1E8D7
100.0%	100.0% #D4E7D4	RGB 212 231 212	#D4E7D4

#C5EFE7 #C7EDE3 #CAECE0 #CCEBDD #CFE9DA #D1E8D7 #D4E7D4

#C5EFE7 - #D4E7D4

Mezcla HSV

#C5EFE7 - #D4E7D4 | 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 #C5EFE7 como 0% y #D4E7D4 como 100%.

0.0%	0.0% #C5EFE7	RGB 197 239 231	#C5EFE7
16.7%	16.7% #C7EDE1	RGB 199 237 225	#C7EDE1
33.3%	33.3% #CAECDC	RGB 202 236 220	#CAECDC
50.0%	50.0% #CCEBD8	RGB 204 235 216	#CCEBD8
66.7%	66.7% #CFE9D6	RGB 207 233 214	#CFE9D6
83.3%	83.3% #D1E8D4	RGB 209 232 212	#D1E8D4
100.0%	100.0% #D4E7D4	RGB 212 231 212	#D4E7D4

#C5EFE7 #C7EDE1 #CAECDC #CCEBD8 #CFE9D6 #D1E8D4 #D4E7D4

#C5EFE7 - #CCEBD8 - #D4E7D4

Códigos CSS

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

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