#65CAB1 - #DFE7AA | 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 #65CAB1 a #DFE7AA

#65CAB1 #DFE7AA

Calcule el color entre dos colores, #65CAB1 y #DFE7AA. 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)

#65CAB1 - #DFE7AA | 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 #65CAB1 como 0% y #DFE7AA como 100%.

0.0%	0.0% #65CAB1	RGB 101 202 177	#65CAB1
16.7%	16.7% #79CEAF	RGB 121 206 175	#79CEAF
33.3%	33.3% #8DD3AE	RGB 141 211 174	#8DD3AE
50.0%	50.0% #A2D8AD	RGB 162 216 173	#A2D8AD
66.7%	66.7% #B6DDAC	RGB 182 221 172	#B6DDAC
83.3%	83.3% #CAE2AB	RGB 202 226 171	#CAE2AB
100.0%	100.0% #DFE7AA	RGB 223 231 170	#DFE7AA

#65CAB1 #79CEAF #8DD3AE #A2D8AD #B6DDAC #CAE2AB #DFE7AA

#65CAB1 - #DFE7AA

Mezcla HSV

#65CAB1 - #DFE7AA | 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 #65CAB1 como 0% y #DFE7AA como 100%.

0.0%	0.0% #65CAB1	RGB 101 202 177	#65CAB1
16.7%	16.7% #6FCE9D	RGB 111 206 157	#6FCE9D
33.3%	33.3% #7AD38D	RGB 122 211 141	#7AD38D
50.0%	50.0% #8AD885	RGB 138 216 133	#8AD885
66.7%	66.7% #AADD91	RGB 170 221 145	#AADD91
83.3%	83.3% #C6E29D	RGB 198 226 157	#C6E29D
100.0%	100.0% #DFE7AA	RGB 223 231 170	#DFE7AA

#65CAB1 #6FCE9D #7AD38D #8AD885 #AADD91 #C6E29D #DFE7AA

#65CAB1 - #8AD885 - #DFE7AA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65CAB1 0%, #8AD885 50%, #DFE7AA 100%);
    background: -webkit-linear-gradient(top, #65CAB1 0%, #8AD885 50%, #DFE7AA 100%);
    background: linear-gradient(to bottom, #65CAB1 0%, #8AD885 50%, #DFE7AA 100%);
}
</style>