#A8D4D4 - #CADFFE | 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 #A8D4D4 a #CADFFE

#A8D4D4 #CADFFE

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

#A8D4D4 - #CADFFE | 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 #A8D4D4 como 0% y #CADFFE como 100%.

0.0%	0.0% #A8D4D4	RGB 168 212 212	#A8D4D4
16.7%	16.7% #ADD5DB	RGB 173 213 219	#ADD5DB
33.3%	33.3% #B3D7E2	RGB 179 215 226	#B3D7E2
50.0%	50.0% #B9D9E9	RGB 185 217 233	#B9D9E9
66.7%	66.7% #BEDBF0	RGB 190 219 240	#BEDBF0
83.3%	83.3% #C4DDF7	RGB 196 221 247	#C4DDF7
100.0%	100.0% #CADFFE	RGB 202 223 254	#CADFFE

#A8D4D4 #ADD5DB #B3D7E2 #B9D9E9 #BEDBF0 #C4DDF7 #CADFFE

#A8D4D4 - #CADFFE

Mezcla HSV

#A8D4D4 - #CADFFE | 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 #A8D4D4 como 0% y #CADFFE como 100%.

0.0%	0.0% #A8D4D4	RGB 168 212 212	#A8D4D4
16.7%	16.7% #ADD6DB	RGB 173 214 219	#ADD6DB
33.3%	33.3% #B3D8E2	RGB 179 216 226	#B3D8E2
50.0%	50.0% #B8DAE9	RGB 184 218 233	#B8DAE9
66.7%	66.7% #BEDCF0	RGB 190 220 240	#BEDCF0
83.3%	83.3% #C4DDF7	RGB 196 221 247	#C4DDF7
100.0%	100.0% #CADFFE	RGB 202 223 254	#CADFFE

#A8D4D4 #ADD6DB #B3D8E2 #B8DAE9 #BEDCF0 #C4DDF7 #CADFFE

#A8D4D4 - #B8DAE9 - #CADFFE

Códigos CSS

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

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