#C5E4D2 - #D7E9CF | 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 #C5E4D2 a #D7E9CF

#C5E4D2 #D7E9CF

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

#C5E4D2 - #D7E9CF | 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 #C5E4D2 como 0% y #D7E9CF como 100%.

0.0%	0.0% #C5E4D2	RGB 197 228 210	#C5E4D2
16.7%	16.7% #C8E4D1	RGB 200 228 209	#C8E4D1
33.3%	33.3% #CBE5D1	RGB 203 229 209	#CBE5D1
50.0%	50.0% #CEE6D0	RGB 206 230 208	#CEE6D0
66.7%	66.7% #D1E7D0	RGB 209 231 208	#D1E7D0
83.3%	83.3% #D4E8CF	RGB 212 232 207	#D4E8CF
100.0%	100.0% #D7E9CF	RGB 215 233 207	#D7E9CF

#C5E4D2 #C8E4D1 #CBE5D1 #CEE6D0 #D1E7D0 #D4E8CF #D7E9CF

#C5E4D2 - #D7E9CF

Mezcla HSV

#C5E4D2 - #D7E9CF | 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 #C5E4D2 como 0% y #D7E9CF como 100%.

0.0%	0.0% #C5E4D2	RGB 197 228 210	#C5E4D2
16.7%	16.7% #C6E4CF	RGB 198 228 207	#C6E4CF
33.3%	33.3% #C8E5CD	RGB 200 229 205	#C8E5CD
50.0%	50.0% #C9E6CB	RGB 201 230 203	#C9E6CB
66.7%	66.7% #CDE7CB	RGB 205 231 203	#CDE7CB
83.3%	83.3% #D2E8CD	RGB 210 232 205	#D2E8CD
100.0%	100.0% #D7E9CF	RGB 215 233 207	#D7E9CF

#C5E4D2 #C6E4CF #C8E5CD #C9E6CB #CDE7CB #D2E8CD #D7E9CF

#C5E4D2 - #C9E6CB - #D7E9CF

Códigos CSS

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

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